@deephaven/components 0.50.1-beta.5 → 0.51.0

package/dist/theme/SpectrumThemeProvider.js

@@ -0,0 +1,31 @@
+import { useState } from 'react';
+import { Provider } from '@adobe/react-spectrum';
+import shortid from 'shortid';
+import { themeDHDefault } from "../SpectrumUtils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Wrapper around React Spectrum's theme Provider that provides DH mappings of
+ * Spectrum's theme variables to DH's theme variables. Also exposes an optional
+ * `isPortal` prop that if provided, adds a unique `data-unique-id` attribute to
+ * the Provider. This is needed to force the Provider to render the theme wrapper
+ * inside of portals.
+ */
+export function SpectrumThemeProvider(_ref) {
+  var {
+    children,
+    isPortal = false,
+    theme = themeDHDefault,
+    colorScheme
+  } = _ref;
+  // a unique ID is used per provider to force it to render the theme wrapper element inside portals
+  // based on https://github.com/adobe/react-spectrum/issues/1697#issuecomment-999827266
+  // won't be needed if https://github.com/adobe/react-spectrum/pull/2669 is merged
+  var [id] = useState(isPortal ? shortid() : null);
+  return /*#__PURE__*/_jsx(Provider, {
+    theme: theme,
+    colorScheme: colorScheme,
+    "data-unique-id": id,
+    children: children
+  });
+}
+//# sourceMappingURL=SpectrumThemeProvider.js.map

package/dist/theme/SpectrumThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpectrumThemeProvider.js","names":["useState","Provider","shortid","themeDHDefault","jsx","_jsx","SpectrumThemeProvider","_ref","children","isPortal","theme","colorScheme","id"],"sources":["../../src/theme/SpectrumThemeProvider.tsx"],"sourcesContent":["import { ReactNode, useState } from 'react';\nimport { Provider } from '@adobe/react-spectrum';\nimport type { Theme } from '@react-types/provider';\nimport shortid from 'shortid';\nimport { themeDHDefault } from '../SpectrumUtils';\n\nexport interface SpectrumThemeProviderProps {\n  children: ReactNode;\n  isPortal?: boolean;\n  theme?: Theme;\n  colorScheme?: 'light' | 'dark';\n}\n\n/**\n * Wrapper around React Spectrum's theme Provider that provides DH mappings of\n * Spectrum's theme variables to DH's theme variables. Also exposes an optional\n * `isPortal` prop that if provided, adds a unique `data-unique-id` attribute to\n * the Provider. This is needed to force the Provider to render the theme wrapper\n * inside of portals.\n */\nexport function SpectrumThemeProvider({\n  children,\n  isPortal = false,\n  theme = themeDHDefault,\n  colorScheme,\n}: SpectrumThemeProviderProps): JSX.Element {\n  // a unique ID is used per provider to force it to render the theme wrapper element inside portals\n  // based on https://github.com/adobe/react-spectrum/issues/1697#issuecomment-999827266\n  // won't be needed if https://github.com/adobe/react-spectrum/pull/2669 is merged\n  const [id] = useState(isPortal ? shortid() : null);\n\n  return (\n    <Provider theme={theme} colorScheme={colorScheme} data-unique-id={id}>\n      {children}\n    </Provider>\n  );\n}\n"],"mappings":"AAAA,SAAoBA,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,OAAOC,OAAO,MAAM,SAAS;AAAC,SACrBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAAC,IAAA,EAKO;EAAA,IALN;IACpCC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAGP,cAAc;IACtBQ;EAC0B,CAAC,GAAAJ,IAAA;EAC3B;EACA;EACA;EACA,IAAM,CAACK,EAAE,CAAC,GAAGZ,QAAQ,CAACS,QAAQ,GAAGP,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;EAElD,oBACEG,IAAA,CAACJ,QAAQ;IAACS,KAAK,EAAEA,KAAM;IAACC,WAAW,EAAEA,WAAY;IAAC,kBAAgBC,EAAG;IAAAJ,QAAA,EAClEA;EAAQ,CACD,CAAC;AAEf"}

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,EAAiB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAE/E,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAC;AASjE,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAID,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAoDlC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAE/E,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAC;AAUjE,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,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,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkElC;AAED,eAAe,aAAa,CAAC"}

package/dist/theme/ThemeProvider.js

@@ -2,7 +2,9 @@ import { createContext, useEffect, useMemo, useState } from 'react';
 import Log from '@deephaven/log';
 import { DEFAULT_DARK_THEME_KEY } from "./ThemeModel.js";
 import { calculatePreloadStyleContent, getActiveThemes, getDefaultBaseThemes, getThemePreloadData, setThemePreloadData } from "./ThemeUtils.js";
+import { SpectrumThemeProvider } from "./SpectrumThemeProvider.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";
 var log = Log.module('ThemeProvider');
 export var ThemeContext = /*#__PURE__*/createContext(null);
@@ -16,21 +18,29 @@ export function ThemeProvider(_ref) {
     var _getThemePreloadData$, _getThemePreloadData;
     return (_getThemePreloadData$ = (_getThemePreloadData = getThemePreloadData()) === null || _getThemePreloadData === void 0 ? void 0 : _getThemePreloadData.themeKey) !== null && _getThemePreloadData$ !== void 0 ? _getThemePreloadData$ : DEFAULT_DARK_THEME_KEY;
   });
-  var activeThemes = useMemo(() =>
-  // Themes remain inactive until a non-null themes array is provided. This
-  // avoids the default base theme overriding the preload if we are waiting
-  // on additional themes to be available.
-  themes == null ? null : getActiveThemes(selectedThemeKey, {
+
+  // Calculate active themes once a non-null themes array is provided.
+  var activeThemes = useMemo(() => themes == null ? null : getActiveThemes(selectedThemeKey, {
     base: baseThemes,
     custom: themes !== null && themes !== void 0 ? themes : []
   }), [baseThemes, selectedThemeKey, themes]);
   useEffect(function updateThemePreloadData() {
-    log.debug('Active themes:', activeThemes === null || activeThemes === void 0 ? void 0 : activeThemes.map(theme => theme.themeKey));
+    // Don't update preload data until themes have been loaded and activated
+    if (activeThemes == null || themes == null) {
+      return;
+    }
+    var preloadStyleContent = calculatePreloadStyleContent();
+    log.debug2('updateThemePreloadData:', {
+      active: activeThemes.map(theme => theme.themeKey),
+      all: themes.map(theme => theme.themeKey),
+      preloadStyleContent,
+      selectedThemeKey
+    });
     setThemePreloadData({
       themeKey: selectedThemeKey,
-      preloadStyleContent: calculatePreloadStyleContent()
+      preloadStyleContent
     });
-  }, [activeThemes, selectedThemeKey]);
+  }, [activeThemes, selectedThemeKey, themes]);
   var value = useMemo(() => ({
     activeThemes,
     selectedThemeKey,
@@ -38,10 +48,14 @@ export function ThemeProvider(_ref) {
   }), [activeThemes, selectedThemeKey]);
   return /*#__PURE__*/_jsxs(ThemeContext.Provider, {
     value: value,
-    children: [activeThemes === null || activeThemes === void 0 ? void 0 : activeThemes.map(theme => /*#__PURE__*/_jsx("style", {
-      "data-theme-key": theme.themeKey,
-      children: theme.styleContent
-    }, theme.themeKey)), children]
+    children: [activeThemes == null ? null : /*#__PURE__*/_jsx(_Fragment, {
+      children: activeThemes.map(theme => /*#__PURE__*/_jsx("style", {
+        "data-theme-key": theme.themeKey,
+        children: theme.styleContent
+      }, theme.themeKey))
+    }), /*#__PURE__*/_jsx(SpectrumThemeProvider, {
+      children: children
+    })]
   });
 }
 export default ThemeProvider;

package/dist/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_DARK_THEME_KEY","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","getThemePreloadData","setThemePreloadData","log","module","ThemeContext","ThemeProvider","themes","children","baseThemes","selectedThemeKey","setSelectedThemeKey","themeKey","activeThemes","base","custom","updateThemePreloadData","debug","map","theme","preloadStyleContent","value","styleContent"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useEffect, useMemo, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_DARK_THEME_KEY, ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  getThemePreloadData,\n  setThemePreloadData,\n} from './ThemeUtils';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\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  themes: ThemeData[] | null;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes,\n  children,\n}: ThemeProviderProps): JSX.Element {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    () => getThemePreloadData()?.themeKey ?? DEFAULT_DARK_THEME_KEY\n  );\n\n  const activeThemes = useMemo(\n    () =>\n      // Themes remain inactive until a non-null themes array is provided. This\n      // avoids the default base theme overriding the preload if we are waiting\n      // on additional themes to be available.\n      themes == null\n        ? null\n        : getActiveThemes(selectedThemeKey, {\n            base: baseThemes,\n            custom: themes ?? [],\n          }),\n    [baseThemes, selectedThemeKey, themes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      log.debug('Active themes:', activeThemes?.map(theme => theme.themeKey));\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent: calculatePreloadStyleContent(),\n      });\n    },\n    [activeThemes, selectedThemeKey]\n  );\n\n  const value = useMemo(\n    () => ({\n      activeThemes,\n      selectedThemeKey,\n      setSelectedThemeKey,\n    }),\n    [activeThemes, selectedThemeKey]\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {activeThemes?.map(theme => (\n        <style data-theme-key={theme.themeKey} key={theme.themeKey}>\n          {theme.styleContent}\n        </style>\n      ))}\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"AAAA,SAASA,aAAa,EAAaC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC9E,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SACxBC,sBAAsB;AAAA,SAE7BC,4BAA4B,EAC5BC,eAAe,EACfC,oBAAoB,EACpBC,mBAAmB,EACnBC,mBAAmB;AAAA;AAAA;AASrB,IAAMC,GAAG,GAAGP,GAAG,CAACQ,MAAM,CAAC,eAAe,CAAC;AAEvC,OAAO,IAAMC,YAAY,gBAAGb,aAAa,CAA2B,IAAI,CAAC;AAOzE,OAAO,SAASc,aAAa,OAGO;EAAA,IAHN;IAC5BC,MAAM;IACNC;EACkB,CAAC;EACnB,IAAMC,UAAU,GAAGf,OAAO,CAAC,MAAMM,oBAAoB,EAAE,EAAE,EAAE,CAAC;EAE5D,IAAM,CAACU,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGhB,QAAQ,CACtD;IAAA;IAAA,wDAAMM,mBAAmB,EAAE,yDAArB,qBAAuBW,QAAQ,yEAAIf,sBAAsB;EAAA,EAChE;EAED,IAAMgB,YAAY,GAAGnB,OAAO,CAC1B;EACE;EACA;EACA;EACAa,MAAM,IAAI,IAAI,GACV,IAAI,GACJR,eAAe,CAACW,gBAAgB,EAAE;IAChCI,IAAI,EAAEL,UAAU;IAChBM,MAAM,EAAER,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI;EACpB,CAAC,CAAC,EACR,CAACE,UAAU,EAAEC,gBAAgB,EAAEH,MAAM,CAAC,CACvC;EAEDd,SAAS,CACP,SAASuB,sBAAsB,GAAG;IAChCb,GAAG,CAACc,KAAK,CAAC,gBAAgB,EAAEJ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACP,QAAQ,CAAC,CAAC;IAEvEV,mBAAmB,CAAC;MAClBU,QAAQ,EAAEF,gBAAgB;MAC1BU,mBAAmB,EAAEtB,4BAA4B;IACnD,CAAC,CAAC;EACJ,CAAC,EACD,CAACe,YAAY,EAAEH,gBAAgB,CAAC,CACjC;EAED,IAAMW,KAAK,GAAG3B,OAAO,CACnB,OAAO;IACLmB,YAAY;IACZH,gBAAgB;IAChBC;EACF,CAAC,CAAC,EACF,CAACE,YAAY,EAAEH,gBAAgB,CAAC,CACjC;EAED,oBACE,MAAC,YAAY,CAAC,QAAQ;IAAC,KAAK,EAAEW,KAAM;IAAA,WACjCR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,GAAG,CAACC,KAAK,iBACtB;MAAO,kBAAgBA,KAAK,CAACP,QAAS;MAAA,UACnCO,KAAK,CAACG;IAAY,GADuBH,KAAK,CAACP,QAAQ,CAG3D,CAAC,EACDJ,QAAQ;EAAA,EACa;AAE5B;AAEA,eAAeF,aAAa"}
+{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_DARK_THEME_KEY","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","getThemePreloadData","setThemePreloadData","SpectrumThemeProvider","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","ThemeContext","ThemeProvider","_ref","themes","children","baseThemes","selectedThemeKey","setSelectedThemeKey","_getThemePreloadData$","_getThemePreloadData","themeKey","activeThemes","base","custom","updateThemePreloadData","preloadStyleContent","debug2","active","map","theme","all","value","Provider","styleContent"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useEffect, useMemo, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_DARK_THEME_KEY, ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  getThemePreloadData,\n  setThemePreloadData,\n} from './ThemeUtils';\nimport { SpectrumThemeProvider } from './SpectrumThemeProvider';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\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  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes,\n  children,\n}: ThemeProviderProps): JSX.Element {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    () => getThemePreloadData()?.themeKey ?? DEFAULT_DARK_THEME_KEY\n  );\n\n  // Calculate active themes once a non-null themes array is provided.\n  const activeThemes = useMemo(\n    () =>\n      themes == null\n        ? null\n        : getActiveThemes(selectedThemeKey, {\n            base: baseThemes,\n            custom: themes ?? [],\n          }),\n    [baseThemes, selectedThemeKey, themes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      // Don't update preload data until themes have been loaded and activated\n      if (activeThemes == null || themes == null) {\n        return;\n      }\n\n      const preloadStyleContent = calculatePreloadStyleContent();\n\n      log.debug2('updateThemePreloadData:', {\n        active: activeThemes.map(theme => theme.themeKey),\n        all: themes.map(theme => theme.themeKey),\n        preloadStyleContent,\n        selectedThemeKey,\n      });\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent,\n      });\n    },\n    [activeThemes, selectedThemeKey, themes]\n  );\n\n  const value = useMemo(\n    () => ({\n      activeThemes,\n      selectedThemeKey,\n      setSelectedThemeKey,\n    }),\n    [activeThemes, selectedThemeKey]\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\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      <SpectrumThemeProvider>{children}</SpectrumThemeProvider>\n    </ThemeContext.Provider>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"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"}

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","log","module","TMP_CSS_PROP_PREFIX","calculatePreloadStyleContent","bodyStyle","getComputedStyle","document","body","pairs","Object","entries","map","key","defaultValue","getPropertyValue","join","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","value","getCssVariableRanges","start","end","add","substring","getActiveThemes","themeKey","themeRegistration","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","ranges","cssVarPrefix","indexOf","parenLevel","i","length","push","resolveCssVariablesInRecord","targetElement","perfStart","performance","now","tmpPropEl","createElement","appendChild","varExpressions","varExpression","tmpPropKey","style","setProperty","result","computedStyle","window","resolver","resolved","normalizeCssColor","resolveCssVariablesInString","remove","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","preloadStyleContent","innerHTML","head"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\n// Note that ?inline imports are natively supported by Vite, but consumers of\n// @deephaven/components using Webpack will need to add a rule to their module\n// config.\n// e.g.\n// module: {\n//  rules: [\n//    {\n//      resourceQuery: /inline/,\n//      type: 'asset/source',\n//    },\n//  ],\n// },\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  ThemeData,\n  ThemePreloadData,\n  ThemePreloadStyleContent,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Creates a string containing preload style content for the current theme.\n * This resolves the current values of a few CSS variables that can be used\n * to style the page before the theme is loaded on next page load.\n */\nexport function calculatePreloadStyleContent(): ThemePreloadStyleContent {\n  const bodyStyle = getComputedStyle(document.body);\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.entries(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n    ([key, defaultValue]) =>\n      `${key}:${bodyStyle.getPropertyValue(key) || defaultValue}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\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    getCssVariableRanges(value).forEach(([start, end]) => {\n      set.add(value.substring(start, end + 1));\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    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\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 css variable expressions in the given\n * string.\n *\n * e.g.\n * getCssVariableRanges('var(--aaa-aa) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],\n *   [14, 26],\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 * getCssVariableRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34], // range for --ccc-cc expression\n *   [36, 48], // range for --bbb-bb expression\n * ]\n * @param value The string to search for css variable expressions\n * @returns An array of [start, end] index pairs for each css variable expression\n */\nexport function getCssVariableRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  const cssVarPrefix = 'var(--';\n  let start = value.indexOf(cssVarPrefix);\n  let parenLevel = 0;\n\n  while (start > -1) {\n    parenLevel = 1;\n    let i = start + cssVarPrefix.length;\n    for (; i < value.length; i += 1) {\n      if (value[i] === '(') {\n        parenLevel += 1;\n      } else if (value[i] === ')') {\n        parenLevel -= 1;\n      }\n\n      if (parenLevel === 0) {\n        ranges.push([start, i]);\n        break;\n      }\n    }\n\n    if (parenLevel !== 0) {\n      log.error('Unbalanced parentheses in css var expression', value);\n      return [];\n    }\n\n    start = value.indexOf(cssVarPrefix, i + 1);\n  }\n\n  return ranges;\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 rgb or\n * rgba color strings.\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 */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body\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  targetElement.appendChild(tmpPropEl);\n\n  const varExpressions = [...extractDistinctCssVariableExpressions(record)];\n\n  // Set temporary css variables for resolving var expressions\n  varExpressions.forEach((varExpression, i) => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${i}`;\n    tmpPropEl.style.setProperty(tmpPropKey, varExpression);\n  });\n\n  const result = {} as T;\n\n  const computedStyle = window.getComputedStyle(tmpPropEl);\n\n  const resolver = (varExpression: string): string => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${varExpressions.indexOf(\n      varExpression\n    )}`;\n\n    const resolved = computedStyle.getPropertyValue(tmpPropKey);\n\n    return ColorUtils.normalizeCssColor(resolved);\n  };\n\n  // Resolve the temporary css variables\n  Object.entries(record).forEach(([key, value]) => {\n    result[key as keyof T] = resolveCssVariablesInString(\n      resolver,\n      value\n    ) as T[keyof T];\n  });\n\n  // Remove the temporary css variables\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  getCssVariableRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    result.push(resolver(value.substring(start, end + 1)));\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 */\nexport function preloadTheme(): void {\n  const preloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent ??\n    calculatePreloadStyleContent();\n\n  log.debug('Preloading theme content:', `'${preloadStyleContent}'`);\n\n  const style = document.createElement('style');\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n"],"mappings":"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"}
+{"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","log","module","TMP_CSS_PROP_PREFIX","calculatePreloadStyleContent","bodyStyle","getComputedStyle","document","body","pairs","Object","entries","map","_ref","key","defaultValue","concat","getPropertyValue","join","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","value","getCssVariableRanges","_ref2","start","end","add","substring","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","_unused","ranges","cssVarPrefix","indexOf","parenLevel","i","length","push","resolveCssVariablesInRecord","targetElement","arguments","undefined","perfStart","performance","now","tmpPropEl","createElement","appendChild","varExpressions","varExpression","tmpPropKey","style","setProperty","result","computedStyle","window","resolver","resolved","normalizeCssColor","_ref3","resolveCssVariablesInString","remove","_ref4","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData$","_getThemePreloadData","preloadStyleContent","innerHTML","head"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\n// Note that ?inline imports are natively supported by Vite, but consumers of\n// @deephaven/components using Webpack will need to add a rule to their module\n// config.\n// e.g.\n// module: {\n//  rules: [\n//    {\n//      resourceQuery: /inline/,\n//      type: 'asset/source',\n//    },\n//  ],\n// },\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  ThemeData,\n  ThemePreloadData,\n  ThemePreloadStyleContent,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Creates a string containing preload style content for the current theme.\n * This resolves the current values of a few CSS variables that can be used\n * to style the page before the theme is loaded on next page load.\n */\nexport function calculatePreloadStyleContent(): ThemePreloadStyleContent {\n  const bodyStyle = getComputedStyle(document.body);\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.entries(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n    ([key, defaultValue]) =>\n      `${key}:${bodyStyle.getPropertyValue(key) || defaultValue}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\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    getCssVariableRanges(value).forEach(([start, end]) => {\n      set.add(value.substring(start, end + 1));\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    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\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 css variable expressions in the given\n * string.\n *\n * e.g.\n * getCssVariableRanges('var(--aaa-aa) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],\n *   [14, 26],\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 * getCssVariableRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34], // range for --ccc-cc expression\n *   [36, 48], // range for --bbb-bb expression\n * ]\n * @param value The string to search for css variable expressions\n * @returns An array of [start, end] index pairs for each css variable expression\n */\nexport function getCssVariableRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  const cssVarPrefix = 'var(--';\n  let start = value.indexOf(cssVarPrefix);\n  let parenLevel = 0;\n\n  while (start > -1) {\n    parenLevel = 1;\n    let i = start + cssVarPrefix.length;\n    for (; i < value.length; i += 1) {\n      if (value[i] === '(') {\n        parenLevel += 1;\n      } else if (value[i] === ')') {\n        parenLevel -= 1;\n      }\n\n      if (parenLevel === 0) {\n        ranges.push([start, i]);\n        break;\n      }\n    }\n\n    if (parenLevel !== 0) {\n      log.error('Unbalanced parentheses in css var expression', value);\n      return [];\n    }\n\n    start = value.indexOf(cssVarPrefix, i + 1);\n  }\n\n  return ranges;\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 rgb or\n * rgba color strings.\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 */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body\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  targetElement.appendChild(tmpPropEl);\n\n  const varExpressions = [...extractDistinctCssVariableExpressions(record)];\n\n  // Set temporary css variables for resolving var expressions\n  varExpressions.forEach((varExpression, i) => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${i}`;\n    tmpPropEl.style.setProperty(tmpPropKey, varExpression);\n  });\n\n  const result = {} as T;\n\n  const computedStyle = window.getComputedStyle(tmpPropEl);\n\n  const resolver = (varExpression: string): string => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${varExpressions.indexOf(\n      varExpression\n    )}`;\n\n    const resolved = computedStyle.getPropertyValue(tmpPropKey);\n\n    return ColorUtils.normalizeCssColor(resolved);\n  };\n\n  // Resolve the temporary css variables\n  Object.entries(record).forEach(([key, value]) => {\n    result[key as keyof T] = resolveCssVariablesInString(\n      resolver,\n      value\n    ) as T[keyof T];\n  });\n\n  // Remove the temporary css variables\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  getCssVariableRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    result.push(resolver(value.substring(start, end + 1)));\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 */\nexport function preloadTheme(): void {\n  const preloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent ??\n    calculatePreloadStyleContent();\n\n  log.debug('Preloading theme content:', `'${preloadStyleContent}'`);\n\n  const style = document.createElement('style');\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n"],"mappings":"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"}

package/dist/theme/theme-dark/index.d.ts

@@ -1,3 +1,27 @@
+/**
+ * DH theme variables are imported via Vite `?inline` query which provides the
+ * text content of the variable files as a string. The exported theme is just a
+ * concatenation of the contents of all of these imports.
+ *
+ * e.g.
+ *
+ * :root {
+ *   --dh-color-from-dark-palette: #fff;
+ *   --dh-color-from-dark-palette2: #ccc;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic-editor: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic-grid: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-components: #000;
+ * }
+ */
 export declare const themeDark: string;
 export default themeDark;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-dark/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,QAKV,CAAC;AAEb,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-dark/index.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,QAMV,CAAC;AAEb,eAAe,SAAS,CAAC"}

package/dist/theme/theme-dark/index.js

@@ -2,6 +2,31 @@ import themeDarkPalette from "./theme-dark-palette.css?inline";
 import themeDarkSemantic from "./theme-dark-semantic.css?inline";
 import themeDarkSemanticEditor from "./theme-dark-semantic-editor.css?inline";
 import themeDarkSemanticGrid from "./theme-dark-semantic-grid.css?inline";
-export var themeDark = [themeDarkPalette, themeDarkSemantic, themeDarkSemanticEditor, themeDarkSemanticGrid].join('\n');
+import themeDarkComponents from "./theme-dark-components.css?inline";
+/**
+ * DH theme variables are imported via Vite `?inline` query which provides the
+ * text content of the variable files as a string. The exported theme is just a
+ * concatenation of the contents of all of these imports.
+ *
+ * e.g.
+ *
+ * :root {
+ *   --dh-color-from-dark-palette: #fff;
+ *   --dh-color-from-dark-palette2: #ccc;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic-editor: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic-grid: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-components: #000;
+ * }
+ */
+export var themeDark = [themeDarkPalette, themeDarkSemantic, themeDarkSemanticEditor, themeDarkSemanticGrid, themeDarkComponents].join('\n');
 export default themeDark;
 //# sourceMappingURL=index.js.map

package/dist/theme/theme-dark/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeDarkPalette","themeDarkSemantic","themeDarkSemanticEditor","themeDarkSemanticGrid","themeDark","join"],"sources":["../../../src/theme/theme-dark/index.ts"],"sourcesContent":["import themeDarkPalette from './theme-dark-palette.css?inline';\nimport themeDarkSemantic from './theme-dark-semantic.css?inline';\nimport themeDarkSemanticEditor from './theme-dark-semantic-editor.css?inline';\nimport themeDarkSemanticGrid from './theme-dark-semantic-grid.css?inline';\n\nexport const themeDark = [\n  themeDarkPalette,\n  themeDarkSemantic,\n  themeDarkSemanticEditor,\n  themeDarkSemanticGrid,\n].join('\\n');\n\nexport default themeDark;\n"],"mappings":"OAAOA,gBAAgB;AAAA,OAChBC,iBAAiB;AAAA,OACjBC,uBAAuB;AAAA,OACvBC,qBAAqB;AAE5B,OAAO,IAAMC,SAAS,GAAG,CACvBJ,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,qBAAqB,CACtB,CAACE,IAAI,CAAC,IAAI,CAAC;AAEZ,eAAeD,SAAS"}
+{"version":3,"file":"index.js","names":["themeDarkPalette","themeDarkSemantic","themeDarkSemanticEditor","themeDarkSemanticGrid","themeDarkComponents","themeDark","join"],"sources":["../../../src/theme/theme-dark/index.ts"],"sourcesContent":["import themeDarkPalette from './theme-dark-palette.css?inline';\nimport themeDarkSemantic from './theme-dark-semantic.css?inline';\nimport themeDarkSemanticEditor from './theme-dark-semantic-editor.css?inline';\nimport themeDarkSemanticGrid from './theme-dark-semantic-grid.css?inline';\nimport themeDarkComponents from './theme-dark-components.css?inline';\n\n/**\n * DH theme variables are imported via Vite `?inline` query which provides the\n * text content of the variable files as a string. The exported theme is just a\n * concatenation of the contents of all of these imports.\n *\n * e.g.\n *\n * :root {\n *   --dh-color-from-dark-palette: #fff;\n *   --dh-color-from-dark-palette2: #ccc;\n * }\n * :root {\n *   --dh-color-from-dark-semantic: #000;\n * }\n * :root {\n *   --dh-color-from-dark-semantic-editor: #000;\n * }\n * :root {\n *   --dh-color-from-dark-semantic-grid: #000;\n * }\n * :root {\n *   --dh-color-from-dark-components: #000;\n * }\n */\nexport const themeDark = [\n  themeDarkPalette,\n  themeDarkSemantic,\n  themeDarkSemanticEditor,\n  themeDarkSemanticGrid,\n  themeDarkComponents,\n].join('\\n');\n\nexport default themeDark;\n"],"mappings":"OAAOA,gBAAgB;AAAA,OAChBC,iBAAiB;AAAA,OACjBC,uBAAuB;AAAA,OACvBC,qBAAqB;AAAA,OACrBC,mBAAmB;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAG,CACvBL,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,qBAAqB,EACrBC,mBAAmB,CACpB,CAACE,IAAI,CAAC,IAAI,CAAC;AAEZ,eAAeD,SAAS"}

package/dist/theme/theme-dark/theme-dark-components.css

@@ -0,0 +1,8 @@
+/* stylelint-disable alpha-value-notation */
+:root {
+  --dh-color-quickactions-bg: hsla(var(--dh-color-gray-hue), 0%, 11%, 0.9);
+  --dh-color-radial-reaction: hsla(var(--dh-color-gray-hue), 0%, 92%, 0.6);
+  --dh-color-colorpicker-border: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.1);
+}
+
+/*# sourceMappingURL=theme-dark-components.css.map */

package/dist/theme/theme-dark/theme-dark-components.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA","file":"theme-dark-components.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n:root {\n  --dh-color-quickactions-bg: hsla(var(--dh-color-gray-hue), 0%, 11%, 0.9);\n  --dh-color-radial-reaction: hsla(var(--dh-color-gray-hue), 0%, 92%, 0.6);\n  --dh-color-colorpicker-border: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.1);\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic.css

@@ -32,6 +32,21 @@
   --dh-color-accent-background-hover: var(--dh-color-accent-500);
   --dh-color-accent-background-down: var(--dh-color-accent-400);
   --dh-color-accent-background-key-focus: var(--dh-color-accent-500);
+  /* Background Defaults */
+  --dh-color-default-gray-bg: var(--dh-color-gray-700);
+  --dh-color-default-blue-bg: var(--dh-color-blue-700);
+  --dh-color-default-red-bg: var(--dh-color-red-700);
+  --dh-color-default-orange-bg: var(--dh-color-orange-800);
+  --dh-color-default-yellow-bg: var(--dh-color-yellow-1000);
+  --dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);
+  --dh-color-default-celery-bg: var(--dh-color-celery-800);
+  --dh-color-default-green-bg: var(--dh-color-green-700);
+  --dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);
+  --dh-color-default-cyan-bg: var(--dh-color-cyan-700);
+  --dh-color-default-indigo-bg: var(--dh-color-indigo-700);
+  --dh-color-default-purple-bg: var(--dh-color-purple-700);
+  --dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);
+  --dh-color-default-magenta-bg: var(--dh-color-magenta-700);
   /* Focus */
   --dh-color-focus: var(--dh-color-blue-800);
   --dh-color-focus-border: var(--dh-color-blue-800);
@@ -47,11 +62,39 @@
     62%,
     0.2
   );
+  /* Shadows / Overlays */
+  --dh-color-dropshadow: hsla(var(--dh-color-gray-hue), 0, 0, 0.8);
+  --dh-color-overlay-modal-bg: hsla(var(--dh-color-gray-hue), 0%, 0%, 0.6);
+  --dh-color-overlay-hover-bg: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);
   /* Negative Background */
-  --dh-color-negative-background-default: var(--dh-color-red-600);
-  --dh-color-negative-background-hover: var(--dh-color-red-500);
-  --dh-color-negative-background-down: var(--dh-color-red-400);
-  --dh-color-negative-background-key-focus: var(--dh-color-red-500);
+  --dh-color-negative-default-bg: var(--dh-color-red-600);
+  --dh-color-negative-hover-bg: var(--dh-color-red-500);
+  --dh-color-negative-down-bg: var(--dh-color-red-400);
+  --dh-color-negative-key-focus-bg: var(--dh-color-red-500);
+  /* Neutral */
+  --dh-neutral-default-bg: var(--dh-color-gray-500);
+  --dh-neutral-hover-bg: var(--dh-color-gray-400);
+  --dh-neutral-down-bg: var(--dh-color-gray-300);
+  --dh-neutral-key-focus-bg: var(--dh-color-gray-400);
+  --dh-neutral-subdued-default-bg: var(--dh-color-gray-400);
+  --dh-neutral-subdued-hover-bg: var(--dh-color-gray-300);
+  --dh-neutral-subdued-down-bg: var(--dh-color-gray-200);
+  --dh-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);
+  /* Positive */
+  --dh-color-positive-default-bg: var(--dh-color-green-900);
+  --dh-color-positive-hover-bg: var(--dh-color-green-800);
+  --dh-color-positive-down-bg: var(--dh-color-green-700);
+  --dh-color-positive-key-focus-bg: var(--dh-color-green-800);
+  /* Informative */
+  --dh-color-info-default-bg: var(--dh-color-cyan-1000);
+  --dh-color-info-hover-bg: var(--dh-color-cyan-900);
+  --dh-color-info-down-bg: var(--dh-color-cyan-800);
+  --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);
+  /* Notice */
+  --dh-color-notice-default-bg: var(--dh-color-yellow-1000);
+  --dh-color-notice-hover-bg: var(--dh-color-yellow-900);
+  --dh-color-notice-down-bg: var(--dh-color-yellow-800);
+  --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);
   /* Visual Colors */
   --dh-color-visual-blue: var(--dh-color-blue-700);
   --dh-color-visual-celery: var(--dh-color-celery-1000);
@@ -70,6 +113,10 @@
   --dh-color-visual-positive: var(--dh-color-green-1100);
   --dh-color-visual-negative: var(--dh-color-red-800);
   --dh-color-visual-notice: var(--dh-color-yellow-1200);
+  --dh-color-visual-info: var(--dh-color-cyan-1100);
+  /* Wells */
+  --dh-color-well-bg: hsla(var(--dh-color-gray-hue) 0% 92% 0.02);
+  --dh-color-well-border: hsla(var(--dh-color-gray-hue) 0% 94% 0.05);
 }
 
 /*# sourceMappingURL=theme-dark-semantic.css.map */

package/dist/theme/theme-dark/theme-dark-semantic.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n  /* General */\n  --dh-color-accent: var(--dh-color-blue-700);\n  --dh-color-border: var(--dh-color-gray-500);\n  --dh-color-background: var(--dh-color-black);\n  --dh-color-foreground: var(--dh-color-white);\n  --dh-color-content-background: var(--dh-color-gray-100);\n\n  /* Text */\n  --dh-color-heading-text: var(--dh-color-gray-900);\n  --dh-color-text: var(--dh-color-gray-800);\n  --dh-color-text-disabled: var(--dh-color-gray-400);\n  --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);\n\n  /** Accent Colors */\n  --dh-color-accent-100: var(--dh-color-blue-100);\n  --dh-color-accent-200: var(--dh-color-blue-200);\n  --dh-color-accent-300: var(--dh-color-blue-300);\n  --dh-color-accent-400: var(--dh-color-blue-400);\n  --dh-color-accent-500: var(--dh-color-blue-500);\n  --dh-color-accent-600: var(--dh-color-blue-600);\n  --dh-color-accent-700: var(--dh-color-blue-700);\n  --dh-color-accent-800: var(--dh-color-blue-800);\n  --dh-color-accent-900: var(--dh-color-blue-900);\n  --dh-color-accent-1000: var(--dh-color-blue-1000);\n  --dh-color-accent-1100: var(--dh-color-blue-1100);\n  --dh-color-accent-1200: var(--dh-color-blue-1200);\n  --dh-color-accent-1300: var(--dh-color-blue-1300);\n  --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n  /* Accent Background */\n  --dh-color-accent-background-default: var(--dh-color-accent-600);\n  --dh-color-accent-background-hover: var(--dh-color-accent-500);\n  --dh-color-accent-background-down: var(--dh-color-accent-400);\n  --dh-color-accent-background-key-focus: var(--dh-color-accent-500);\n\n  /* Focus */\n  --dh-color-focus: var(--dh-color-blue-800);\n  --dh-color-focus-border: var(--dh-color-blue-800);\n  --dh-color-focus-ring: var(--dh-color-focus);\n\n  /* Highlight */\n  --dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);\n  --dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);\n  --dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);\n  --dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);\n  --dh-color-highlight-selected-hover: hsla(\n    var(--dh-color-blue-hue),\n    83%,\n    62%,\n    0.2\n  );\n\n  /* Negative Background */\n  --dh-color-negative-background-default: var(--dh-color-red-600);\n  --dh-color-negative-background-hover: var(--dh-color-red-500);\n  --dh-color-negative-background-down: var(--dh-color-red-400);\n  --dh-color-negative-background-key-focus: var(--dh-color-red-500);\n\n  /* Visual Colors */\n  --dh-color-visual-blue: var(--dh-color-blue-700);\n  --dh-color-visual-celery: var(--dh-color-celery-1000);\n  --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);\n  --dh-color-visual-cyan: var(--dh-color-cyan-1100);\n  --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);\n  --dh-color-visual-gray: var(--dh-color-gray-600);\n  --dh-color-visual-green: var(--dh-color-green-1100);\n  --dh-color-visual-indigo: var(--dh-color-indigo-900);\n  --dh-color-visual-magenta: var(--dh-color-magenta-900);\n  --dh-color-visual-orange: var(--dh-color-orange-900);\n  --dh-color-visual-purple: var(--dh-color-purple-900);\n  --dh-color-visual-red: var(--dh-color-red-800);\n  --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);\n  --dh-color-visual-yellow: var(--dh-color-yellow-1200);\n\n  --dh-color-visual-positive: var(--dh-color-green-1100);\n  --dh-color-visual-negative: var(--dh-color-red-800);\n  --dh-color-visual-notice: var(--dh-color-yellow-1200);\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAEA;EACA;EACA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n  /* General */\n  --dh-color-accent: var(--dh-color-blue-700);\n  --dh-color-border: var(--dh-color-gray-500);\n  --dh-color-background: var(--dh-color-black);\n  --dh-color-foreground: var(--dh-color-white);\n  --dh-color-content-background: var(--dh-color-gray-100);\n\n  /* Text */\n  --dh-color-heading-text: var(--dh-color-gray-900);\n  --dh-color-text: var(--dh-color-gray-800);\n  --dh-color-text-disabled: var(--dh-color-gray-400);\n  --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);\n\n  /** Accent Colors */\n  --dh-color-accent-100: var(--dh-color-blue-100);\n  --dh-color-accent-200: var(--dh-color-blue-200);\n  --dh-color-accent-300: var(--dh-color-blue-300);\n  --dh-color-accent-400: var(--dh-color-blue-400);\n  --dh-color-accent-500: var(--dh-color-blue-500);\n  --dh-color-accent-600: var(--dh-color-blue-600);\n  --dh-color-accent-700: var(--dh-color-blue-700);\n  --dh-color-accent-800: var(--dh-color-blue-800);\n  --dh-color-accent-900: var(--dh-color-blue-900);\n  --dh-color-accent-1000: var(--dh-color-blue-1000);\n  --dh-color-accent-1100: var(--dh-color-blue-1100);\n  --dh-color-accent-1200: var(--dh-color-blue-1200);\n  --dh-color-accent-1300: var(--dh-color-blue-1300);\n  --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n  /* Accent Background */\n  --dh-color-accent-background-default: var(--dh-color-accent-600);\n  --dh-color-accent-background-hover: var(--dh-color-accent-500);\n  --dh-color-accent-background-down: var(--dh-color-accent-400);\n  --dh-color-accent-background-key-focus: var(--dh-color-accent-500);\n\n  /* Background Defaults */\n  --dh-color-default-gray-bg: var(--dh-color-gray-700);\n  --dh-color-default-blue-bg: var(--dh-color-blue-700);\n  --dh-color-default-red-bg: var(--dh-color-red-700);\n  --dh-color-default-orange-bg: var(--dh-color-orange-800);\n  --dh-color-default-yellow-bg: var(--dh-color-yellow-1000);\n  --dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);\n  --dh-color-default-celery-bg: var(--dh-color-celery-800);\n  --dh-color-default-green-bg: var(--dh-color-green-700);\n  --dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);\n  --dh-color-default-cyan-bg: var(--dh-color-cyan-700);\n  --dh-color-default-indigo-bg: var(--dh-color-indigo-700);\n  --dh-color-default-purple-bg: var(--dh-color-purple-700);\n  --dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);\n  --dh-color-default-magenta-bg: var(--dh-color-magenta-700);\n\n  /* Focus */\n  --dh-color-focus: var(--dh-color-blue-800);\n  --dh-color-focus-border: var(--dh-color-blue-800);\n  --dh-color-focus-ring: var(--dh-color-focus);\n\n  /* Highlight */\n  --dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);\n  --dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);\n  --dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);\n  --dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);\n  --dh-color-highlight-selected-hover: hsla(\n    var(--dh-color-blue-hue),\n    83%,\n    62%,\n    0.2\n  );\n\n  /* Shadows / Overlays */\n  --dh-color-dropshadow: hsla(var(--dh-color-gray-hue), 0, 0, 0.8);\n  --dh-color-overlay-modal-bg: hsla(var(--dh-color-gray-hue), 0%, 0%, 0.6);\n  --dh-color-overlay-hover-bg: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);\n\n  /* Negative Background */\n  --dh-color-negative-default-bg: var(--dh-color-red-600);\n  --dh-color-negative-hover-bg: var(--dh-color-red-500);\n  --dh-color-negative-down-bg: var(--dh-color-red-400);\n  --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n\n  /* Neutral */\n  --dh-neutral-default-bg: var(--dh-color-gray-500);\n  --dh-neutral-hover-bg: var(--dh-color-gray-400);\n  --dh-neutral-down-bg: var(--dh-color-gray-300);\n  --dh-neutral-key-focus-bg: var(--dh-color-gray-400);\n\n  --dh-neutral-subdued-default-bg: var(--dh-color-gray-400);\n  --dh-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n  --dh-neutral-subdued-down-bg: var(--dh-color-gray-200);\n  --dh-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n  /* Positive */\n  --dh-color-positive-default-bg: var(--dh-color-green-900);\n  --dh-color-positive-hover-bg: var(--dh-color-green-800);\n  --dh-color-positive-down-bg: var(--dh-color-green-700);\n  --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n\n  /* Informative */\n  --dh-color-info-default-bg: var(--dh-color-cyan-1000);\n  --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n  --dh-color-info-down-bg: var(--dh-color-cyan-800);\n  --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n\n  /* Notice */\n  --dh-color-notice-default-bg: var(--dh-color-yellow-1000);\n  --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n  --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n  --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n\n  /* Visual Colors */\n  --dh-color-visual-blue: var(--dh-color-blue-700);\n  --dh-color-visual-celery: var(--dh-color-celery-1000);\n  --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);\n  --dh-color-visual-cyan: var(--dh-color-cyan-1100);\n  --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);\n  --dh-color-visual-gray: var(--dh-color-gray-600);\n  --dh-color-visual-green: var(--dh-color-green-1100);\n  --dh-color-visual-indigo: var(--dh-color-indigo-900);\n  --dh-color-visual-magenta: var(--dh-color-magenta-900);\n  --dh-color-visual-orange: var(--dh-color-orange-900);\n  --dh-color-visual-purple: var(--dh-color-purple-900);\n  --dh-color-visual-red: var(--dh-color-red-800);\n  --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);\n  --dh-color-visual-yellow: var(--dh-color-yellow-1200);\n\n  --dh-color-visual-positive: var(--dh-color-green-1100);\n  --dh-color-visual-negative: var(--dh-color-red-800);\n  --dh-color-visual-notice: var(--dh-color-yellow-1200);\n  --dh-color-visual-info: var(--dh-color-cyan-1100);\n\n  /* Wells */\n  --dh-color-well-bg: hsla(var(--dh-color-gray-hue) 0% 92% 0.02);\n  --dh-color-well-border: hsla(var(--dh-color-gray-hue) 0% 94% 0.05);\n}\n"]}

package/dist/theme/theme-spectrum/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Spectrum theme variables are exported as a map of css class names. The keys
+ * come from css classes in the imported css modules. The values are generated
+ * by Vite.
+ *
+ * e.g.
+ * {
+ *   'dh-spectrum-palette': '_dh-spectrum-palette_abr16_1',
+ *   'dh-spectrum-alias': '_dh-spectrum-alias_18mbe_1',
+ * }
+ */
+export declare const themeSpectrumClassesCommon: {
+    [x: string]: string;
+};
+export default themeSpectrumClassesCommon;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-spectrum/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B;;CAItC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/theme/theme-spectrum/index.js

@@ -0,0 +1,22 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import palette from "./theme-spectrum-palette.module.css";
+import alias from "./theme-spectrum-alias.module.css";
+import overrides from "./theme-spectrum-overrides.module.css";
+/**
+ * Spectrum theme variables are exported as a map of css class names. The keys
+ * come from css classes in the imported css modules. The values are generated
+ * by Vite.
+ *
+ * e.g.
+ * {
+ *   'dh-spectrum-palette': '_dh-spectrum-palette_abr16_1',
+ *   'dh-spectrum-alias': '_dh-spectrum-alias_18mbe_1',
+ * }
+ */
+export var themeSpectrumClassesCommon = _objectSpread(_objectSpread(_objectSpread({}, palette), alias), overrides);
+export default themeSpectrumClassesCommon;
+//# sourceMappingURL=index.js.map

package/dist/theme/theme-spectrum/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["palette","alias","overrides","themeSpectrumClassesCommon","_objectSpread"],"sources":["../../../src/theme/theme-spectrum/index.ts"],"sourcesContent":["import palette from './theme-spectrum-palette.module.css';\nimport alias from './theme-spectrum-alias.module.css';\nimport overrides from './theme-spectrum-overrides.module.css';\n\n/**\n * Spectrum theme variables are exported as a map of css class names. The keys\n * come from css classes in the imported css modules. The values are generated\n * by Vite.\n *\n * e.g.\n * {\n *   'dh-spectrum-palette': '_dh-spectrum-palette_abr16_1',\n *   'dh-spectrum-alias': '_dh-spectrum-alias_18mbe_1',\n * }\n */\nexport const themeSpectrumClassesCommon = {\n  ...palette,\n  ...alias,\n  ...overrides,\n};\n\nexport default themeSpectrumClassesCommon;\n"],"mappings":";;;;;OAAOA,OAAO;AAAA,OACPC,KAAK;AAAA,OACLC,SAAS;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,0BAA0B,GAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAClCJ,OAAO,GACPC,KAAK,GACLC,SAAS,CACb;AAED,eAAeC,0BAA0B"}