@gooddata/sdk-ui-theme-provider 10.17.0-alpha.7 → 10.17.0-alpha.9

package/esm/ThemeProvider/ScopedThemeProvider.d.ts

@@ -0,0 +1,67 @@
+import React from "react";
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+import { ITheme } from "@gooddata/sdk-model";
+import { ThemeModifier } from "./ThemeProvider.js";
+/**
+ * @internal
+ */
+export interface IScopedThemeProviderProps {
+    /**
+     * Theme that will be used if defined.
+     *
+     * @remarks
+     * If not defined here, the theme will be obtained from the backend.
+     *
+     * Note: either the theme or both backend and workspace MUST be provided (either directly or via their contexts).
+     */
+    theme?: ITheme;
+    /**
+     * Analytical backend, from which the ThemeProvider will obtain selected theme object.
+     *
+     * @remarks
+     * If you do not specify instance of analytical backend using this prop, then you MUST have
+     * BackendProvider up in the component tree.
+     */
+    backend?: IAnalyticalBackend;
+    /**
+     * Identifier of analytical workspace, from which the ThemeProvider will obtain the selected theme identifier
+     *
+     * @remarks
+     * If you do not specify workspace identifier, then you MUST have WorkspaceProvider up in the
+     * component tree.
+     */
+    workspace?: string;
+    /**
+     * If provided it is called with loaded theme to allow its modification according to the app needs.
+     */
+    modifier?: ThemeModifier;
+    /**
+     * Flag determining whether the complementary palette is enabled or not.
+     *
+     * @remarks
+     * If set to false, complementary palette is discarded.
+     * Useful for applications not yet fully supporting dark-based themes achievable with the complementary palette.
+     */
+    enableComplementaryPalette?: boolean;
+    /**
+     * Should ThemeProvider remove global styles during the unmount phase?
+     *
+     * Default: true
+     */
+    removeGlobalStylesOnUnmout?: boolean;
+    /**
+     * React children
+     */
+    children?: React.ReactNode;
+}
+/**
+ * ScopedThemeProvider is an experimental component that is not yet ready for production use.
+ *
+ * For full functionality, improvements are needed in how React Portals are handled.
+ * Currently, components like dropdowns that render through portals appear outside the themed scope
+ * and cannot properly access the scoped CSS variables since they exist outside the regular component tree.
+ *
+ * @internal
+ */
+export declare const ScopedThemeProvider: React.FC<IScopedThemeProviderProps>;
+//# sourceMappingURL=ScopedThemeProvider.d.ts.map

package/esm/ThemeProvider/ScopedThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopedThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ScopedThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAS7C,OAAO,EAAE,aAAa,EAAe,MAAM,oBAAoB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACtC;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB;;;;;;OAMG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+EnE,CAAC"}

package/esm/ThemeProvider/ScopedThemeProvider.js

@@ -0,0 +1,77 @@
+// (C) 2020-2024 GoodData Corporation
+import React, { useEffect, useState, useRef } from "react";
+import identity from "lodash/identity.js";
+import { useBackend, useWorkspace } from "@gooddata/sdk-ui";
+import { clearCssProperties, setCssProperties } from "../cssProperties.js";
+import { ThemeContextProvider,
+// useTheme
+ } from "./Context.js";
+import { prepareTheme } from "./prepareTheme.js";
+import { isDarkTheme } from "./ThemeProvider.js";
+/**
+ * ScopedThemeProvider is an experimental component that is not yet ready for production use.
+ *
+ * For full functionality, improvements are needed in how React Portals are handled.
+ * Currently, components like dropdowns that render through portals appear outside the themed scope
+ * and cannot properly access the scoped CSS variables since they exist outside the regular component tree.
+ *
+ * @internal
+ */
+export const ScopedThemeProvider = ({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier = identity, enableComplementaryPalette = true, removeGlobalStylesOnUnmout = true, }) => {
+    const backend = useBackend(backendParam);
+    const workspace = useWorkspace(workspaceParam);
+    const [scopeId] = useState(`font${Math.random().toString(36).substring(2, 15)}`);
+    const [theme, setTheme] = useState(themeParam ?? {});
+    const [isLoading, setIsLoading] = useState(false);
+    const [status, setStatus] = useState("pending");
+    const [scope, setScope] = useState();
+    const lastWorkspace = useRef();
+    lastWorkspace.current = workspace;
+    useEffect(() => {
+        // no need to load anything if the themeParam is present
+        if (themeParam) {
+            const preparedTheme = prepareTheme(themeParam, enableComplementaryPalette);
+            setTheme(preparedTheme);
+            setStatus("success");
+            clearCssProperties(true, scope, scopeId);
+            setCssProperties(preparedTheme, isDarkTheme(preparedTheme), true, scope, scopeId);
+            return;
+        }
+        const fetchData = async () => {
+            if (!backend || !workspace) {
+                clearCssProperties(true, scope);
+                return;
+            }
+            setIsLoading(true);
+            setStatus("loading");
+            const selectedTheme = await backend.workspace(workspace).styling().getTheme();
+            if (lastWorkspace.current === workspace) {
+                const modifiedTheme = modifier(selectedTheme);
+                const preparedTheme = prepareTheme(modifiedTheme, enableComplementaryPalette);
+                setTheme(preparedTheme);
+                clearCssProperties(true, scope, scopeId);
+                setCssProperties(preparedTheme, isDarkTheme(preparedTheme), true, scope, scopeId);
+                setIsLoading(false);
+                setStatus("success");
+            }
+        };
+        fetchData();
+    }, [themeParam, workspace, backend, modifier, enableComplementaryPalette, scope, scopeId]);
+    useEffect(() => {
+        return () => {
+            if (removeGlobalStylesOnUnmout) {
+                clearCssProperties(true, scope, scopeId);
+            }
+        };
+    }, [removeGlobalStylesOnUnmout, scope, scopeId]);
+    return (React.createElement(ThemeContextProvider, { theme: theme, themeIsLoading: isLoading, themeStatus: status },
+        React.createElement("div", { ref: (el) => {
+                if (el) {
+                    setScope(el);
+                }
+                else {
+                    setScope(null);
+                }
+            } }, children)));
+};
+//# sourceMappingURL=ScopedThemeProvider.js.map

package/esm/ThemeProvider/ScopedThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopedThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ScopedThemeProvider.tsx"],"names":[],"mappings":"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"}

package/esm/cssProperties.d.ts

@@ -6,14 +6,14 @@ export declare function handleUnits(value: string): string;
  */
 export type ParserFunction = {
     key: string;
-    fn: (value: any) => string;
+    fn: (value: any, isScoped?: boolean, scopeTo?: HTMLElement, scopeId?: string) => string;
 };
 /**
  * @internal
  */
-export declare function parseThemeToCssProperties(object: ITheme, parserFunctions?: ParserFunction[], currentKey?: string): CssProperty[];
+export declare function parseThemeToCssProperties(object: ITheme, parserFunctions?: ParserFunction[], currentKey?: string, isScoped?: boolean, scopeTo?: HTMLElement, scopeId?: string): CssProperty[];
 export declare const generateShadowColor: (palette: IThemePalette, isDarkTheme: boolean) => CssProperty[];
-export declare const clearCssProperties: () => void;
+export declare const clearCssProperties: (isScoped?: boolean, scopeTo?: HTMLElement, scopeId?: string) => void;
 /**
  * Converts properties from theme object into CSS variables and injects them into <body>
  *
@@ -31,5 +31,5 @@ export declare const clearCssProperties: () => void;
  *
  * @internal
  */
-export declare function setCssProperties(theme: ITheme, isDarkTheme: boolean): void;
+export declare function setCssProperties(theme: ITheme, isDarkTheme: boolean, isScoped?: boolean, scopeTo?: HTMLElement, scopeId?: string): void;
 //# sourceMappingURL=cssProperties.d.ts.map

package/esm/cssProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cssProperties.d.ts","sourceRoot":"","sources":["../src/cssProperties.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,EAA8B,MAAM,qBAAqB,CAAC;AACxF,OAAO,EAAE,WAAW,EAAkB,MAAM,kBAAkB,CAAC;AA8B/D,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjD;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;CAC9B,CAAC;AA0BF;;GAEG;AACH,wBAAgB,yBAAyB,CACrC,MAAM,EAAE,MAAM,EACd,eAAe,GAAE,cAAc,EAAO,EACtC,UAAU,SAAS,GACpB,WAAW,EAAE,CAuBf;AAYD,eAAO,MAAM,mBAAmB,YAAa,aAAa,eAAe,OAAO,KAAG,WAAW,EAa7F,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAAO,IAMrC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,IAAI,CAoB1E"}
+{"version":3,"file":"cssProperties.d.ts","sourceRoot":"","sources":["../src/cssProperties.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,EAA8B,MAAM,qBAAqB,CAAC;AACxF,OAAO,EAAE,WAAW,EAAkB,MAAM,kBAAkB,CAAC;AAuD/D,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjD;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3F,CAAC;AAkCF;;GAEG;AACH,wBAAgB,yBAAyB,CACrC,MAAM,EAAE,MAAM,EACd,eAAe,GAAE,cAAc,EAAO,EACtC,UAAU,SAAS,EACnB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,CAAC,EAAE,MAAM,GACjB,WAAW,EAAE,CAgCf;AAYD,eAAO,MAAM,mBAAmB,YAAa,aAAa,eAAe,OAAO,KAAG,WAAW,EAa7F,CAAC;AAEF,eAAO,MAAM,kBAAkB,cAAe,OAAO,YAAY,WAAW,YAAY,MAAM,KAAG,IAiBhG,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,OAAO,EACpB,QAAQ,GAAE,OAAe,EACzB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,CAAC,EAAE,MAAM,GACjB,IAAI,CAqDN"}

package/esm/cssProperties.js

@@ -1,8 +1,10 @@
-// (C) 2020-2023 GoodData Corporation
+// (C) 2020-2024 GoodData Corporation
 import isObject from "lodash/isObject.js";
 import { transparentize } from "polished";
 import { getCssProperty } from "./cssProperty.js";
 import { generateDerivedColors } from "./derivedColors.js";
+import { inconsistentVariables } from "./variablesSpec/inconsistent/inconsistent.js";
+import { themeDefinedCssVariables } from "./variablesSpec/allThemeCssVariables.js";
 // keep it in sync with SCSS:$gd-color-text-light
 const DEFAULT_SHADOW_COLOR = "rgba(20, 56, 93, 0.2)";
 const DEFAULT_WIDGET_SHADOW = `1px 2px 8px var(--gd-shadow-color, ${DEFAULT_SHADOW_COLOR})`;
@@ -12,7 +14,22 @@ const BLACK_COLOR = "#000";
  * @param src - Font src
  * @param number - Font weight
  */
-function createfontFace(src, weight) {
+function createfontFace(src, weight, isScoped, scopeTo, scopeId) {
+    if (isScoped) {
+        if (scopeTo) {
+            const styleTag = document.getElementById(scopeId) || document.createElement("style");
+            styleTag.id = scopeId;
+            styleTag.appendChild(document.createTextNode(`
+            @font-face {
+                font-family: ${scopeId};
+                src: ${src};
+                font-weight: ${weight};
+            }
+        `));
+            document.head.appendChild(styleTag);
+        }
+        return undefined;
+    }
     const styleTag = document.getElementById("gdc-theme-custom-font") || document.createElement("style");
     styleTag.id = "gdc-theme-custom-font";
     styleTag.appendChild(document.createTextNode(`
@@ -33,8 +50,14 @@ export function handleUnits(value) {
     return value;
 }
 const customParserFunctions = [
-    { key: "--gd-typography-font", fn: (value) => createfontFace(value, 400) },
-    { key: "--gd-typography-fontBold", fn: (value) => createfontFace(value, 700) },
+    {
+        key: "--gd-typography-font",
+        fn: (value, isScoped, scopeTo, scopeId) => createfontFace(value, 400, isScoped, scopeTo, scopeId),
+    },
+    {
+        key: "--gd-typography-fontBold",
+        fn: (value, isScoped, scopeTo, scopeId) => createfontFace(value, 700, isScoped, scopeTo, scopeId),
+    },
     { key: "--gd-button-borderRadius", fn: handleUnits },
     { key: "--gd-button-textCapitalization", fn: (value) => (value ? "capitalize" : undefined) },
     { key: "--gd-button-dropShadow", fn: (value) => (value ? undefined : "none") },
@@ -58,19 +81,19 @@ const customParserFunctions = [
 /**
  * @internal
  */
-export function parseThemeToCssProperties(object, parserFunctions = [], currentKey = "--gd") {
+export function parseThemeToCssProperties(object, parserFunctions = [], currentKey = "--gd", isScoped, scopeTo, scopeId) {
     const cssProperties = [];
     for (const [key, value] of Object.entries(object)) {
         const newKey = `${currentKey}-${key}`;
         const parse = parserFunctions.find((exception) => exception.key === newKey);
-        const newValue = parse ? parse.fn(value) : value;
+        const newValue = parse ? parse.fn(value, isScoped, scopeTo, scopeId) : value;
         if (newValue !== undefined) {
             if (isObject(newValue)) {
-                cssProperties.push(...parseThemeToCssProperties(newValue, parserFunctions, newKey));
+                cssProperties.push(...parseThemeToCssProperties(newValue, parserFunctions, newKey, isScoped, scopeTo, scopeId));
             }
             else {
                 const parse = parserFunctions.find((exception) => exception.key === newKey);
-                const newValue = parse ? parse.fn(value) : value;
+                const newValue = parse ? parse.fn(value, isScoped, scopeTo, scopeId) : value;
                 if (newValue !== undefined) {
                     cssProperties.push({ key: newKey, value: newValue });
                 }
@@ -95,7 +118,15 @@ export const generateShadowColor = (palette, isDarkTheme) => {
             : transparentize(0.8, palette.complementary?.c8) || DEFAULT_SHADOW_COLOR),
     ];
 };
-export const clearCssProperties = () => {
+export const clearCssProperties = (isScoped, scopeTo, scopeId) => {
+    if (isScoped) {
+        if (scopeTo) {
+            scopeTo.removeAttribute("style");
+        }
+        const scopedFontElement = document.getElementById(scopeId);
+        scopedFontElement && document.head.removeChild(scopedFontElement);
+        return;
+    }
     const themePropertiesElement = document.getElementById("gdc-theme-properties");
     themePropertiesElement && document.head.removeChild(themePropertiesElement);
     const customFontElement = document.getElementById("gdc-theme-custom-font");
@@ -118,22 +149,47 @@ export const clearCssProperties = () => {
  *
  * @internal
  */
-export function setCssProperties(theme, isDarkTheme) {
-    const cssProperties = [
-        ...parseThemeToCssProperties(theme, customParserFunctions),
-        ...generateDerivedColors(theme.palette, isDarkTheme),
+export function setCssProperties(theme, isDarkTheme, isScoped = false, scopeTo, scopeId) {
+    let cssProperties = [
         ...generateComplementaryPalette(theme.palette),
+        ...generateDerivedColors(theme.palette, isDarkTheme),
         ...generateShadowColor(theme.palette, isDarkTheme),
+        ...parseThemeToCssProperties(theme, customParserFunctions, undefined, isScoped, scopeTo, scopeId),
     ];
-    const styleTag = document.createElement("style");
-    styleTag.id = "gdc-theme-properties";
-    const cssPropertiesRules = cssProperties.map(({ key, value }) => `${key}: ${value};`).join("");
-    styleTag.appendChild(document.createTextNode(`
-            :root {
-                ${cssPropertiesRules}
-                color-scheme: ${isDarkTheme ? "dark" : "light"};
-            }
-        `));
-    document.head.appendChild(styleTag);
+    // Add fallbacks for variables with inconsistent values
+    cssProperties = cssProperties.flatMap((property) => {
+        const propertiesWithFallbacks = [property];
+        if (inconsistentVariables.some((v) => v.variableName.replace("-from-theme", "") === property.key)) {
+            propertiesWithFallbacks.push({
+                key: `${property.key}-from-theme`,
+                value: `var(${property.key})`,
+            });
+        }
+        return propertiesWithFallbacks;
+    });
+    if (!isScoped) {
+        const cssPropertiesRules = cssProperties.map(({ key, value }) => `${key}: ${value};`).join("");
+        const styleTag = document.createElement("style");
+        styleTag.id = "gdc-theme-properties";
+        styleTag.appendChild(document.createTextNode(`
+                :root {
+                    ${cssPropertiesRules}
+                    color-scheme: ${isDarkTheme ? "dark" : "light"};
+                }
+            `));
+        document.head.appendChild(styleTag);
+    }
+    if (isScoped && scopeTo) {
+        const defaultsToJoin = themeDefinedCssVariables.map(({ variableName, defaultValue }) => ({
+            key: variableName,
+            value: defaultValue,
+        }));
+        const cssPropertiesRules = defaultsToJoin
+            .concat(cssProperties)
+            .map(({ key, value }) => `${key}: ${value};`)
+            .join(" ");
+        const hasFont = theme.typography?.font;
+        scopeTo.setAttribute("style", `${hasFont ? "--gd-font-family: " + scopeId + ";" : ""} ${cssPropertiesRules}\ncolor-scheme: ${isDarkTheme ? "dark" : "light"};`);
+    }
 }
 //# sourceMappingURL=cssProperties.js.map

package/esm/cssProperties.js.map

@@ -1 +1 @@
-{"version":3,"file":"cssProperties.js","sourceRoot":"","sources":["../src/cssProperties.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAe,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,iDAAiD;AACjD,MAAM,oBAAoB,GAAG,uBAAuB,CAAC;AACrD,MAAM,qBAAqB,GAAG,sCAAsC,oBAAoB,GAAG,CAAC;AAC5F,MAAM,WAAW,GAAG,MAAM,CAAC;AAE3B;;;;GAIG;AACH,SAAS,cAAc,CAAC,GAAW,EAAE,MAAc;IAC/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,IAAI,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrG,QAAQ,CAAC,EAAE,GAAG,uBAAuB,CAAC;IACtC,QAAQ,CAAC,WAAW,CAChB,QAAQ,CAAC,cAAc,CAAC;;;uBAGT,GAAG;+BACK,MAAM;;SAE5B,CAAC,CACL,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,SAAS,CAAC,CAAC,+DAA+D;AACrF,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAa;IACrC,2BAA2B;IAC3B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,KAAK,KAAK,EAAE,CAAC;QACnF,OAAO,GAAG,KAAK,IAAI,CAAC;IACxB,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC;AAUD,MAAM,qBAAqB,GAAqB;IAC5C,EAAE,GAAG,EAAE,sBAAsB,EAAE,EAAE,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;IAClF,EAAE,GAAG,EAAE,0BAA0B,EAAE,EAAE,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;IACtF,EAAE,GAAG,EAAE,0BAA0B,EAAE,EAAE,EAAE,WAAW,EAAE;IACpD,EAAE,GAAG,EAAE,gCAAgC,EAAE,EAAE,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE;IACrG,EAAE,GAAG,EAAE,wBAAwB,EAAE,EAAE,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;IACvF,EAAE,GAAG,EAAE,4CAA4C,EAAE,EAAE,EAAE,WAAW,EAAE;IACtE,EAAE,GAAG,EAAE,6CAA6C,EAAE,EAAE,EAAE,WAAW,EAAE;IACvE;QACI,GAAG,EAAE,2CAA2C;QAChD,EAAE,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC;KACnE;IACD,EAAE,GAAG,EAAE,yBAAyB,EAAE,EAAE,EAAE,WAAW,EAAE;IACnD,EAAE,GAAG,EAAE,wBAAwB,EAAE,EAAE,EAAE,WAAW,EAAE;IAClD,EAAE,GAAG,EAAE,uBAAuB,EAAE,EAAE,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;IACtF,EAAE,GAAG,EAAE,+CAA+C,EAAE,EAAE,EAAE,WAAW,EAAE;IACzE,EAAE,GAAG,EAAE,gDAAgD,EAAE,EAAE,EAAE,WAAW,EAAE;IAC1E;QACI,GAAG,EAAE,8CAA8C;QACnD,EAAE,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC;KACnE;IACD,EAAE,GAAG,EAAE,4BAA4B,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE;CAC7D,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACrC,MAAc,EACd,kBAAoC,EAAE,EACtC,UAAU,GAAG,MAAM;IAEnB,MAAM,aAAa,GAAkB,EAAE,CAAC;IAExC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAChD,MAAM,MAAM,GAAG,GAAG,UAAU,IAAI,GAAG,EAAE,CAAC;QAEtC,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;QAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAEjD,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YACzB,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACrB,aAAa,CAAC,IAAI,CAAC,GAAG,yBAAyB,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;YACxF,CAAC;iBAAM,CAAC;gBACJ,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;gBAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;gBACjD,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;oBACzB,aAAa,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;gBACzD,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;IAED,OAAO,aAAa,CAAC;AACzB,CAAC;AAED,MAAM,4BAA4B,GAAG,CAAC,OAAsB,EAAiB,EAAE;IAC3E,IAAI,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC;QAC1B,OAAO,EAAE,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,GAAqC,EAAE,KAAK,EAAE,EAAE,CAC3F,cAAc,CAAC,yBAAyB,KAAK,EAAE,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAC/E,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAsB,EAAE,WAAoB,EAAiB,EAAE;IAC/F,IAAI,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC;QAC1B,OAAO,EAAE,CAAC;IACd,CAAC;IAED,OAAO;QACH,cAAc,CACV,cAAc,EACd,WAAW;YACP,CAAC,CAAC,cAAc,CAAC,GAAG,EAAE,WAAW,CAAC;YAClC,CAAC,CAAC,cAAc,CAAC,GAAG,EAAE,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,IAAI,oBAAoB,CAC/E;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAS,EAAE;IACzC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;IAC/E,sBAAsB,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAE5E,MAAM,iBAAiB,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;IAC3E,iBAAiB,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;AACtE,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAa,EAAE,WAAoB;IAChE,MAAM,aAAa,GAAG;QAClB,GAAG,yBAAyB,CAAC,KAAK,EAAE,qBAAqB,CAAC;QAC1D,GAAG,qBAAqB,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC;QACpD,GAAG,4BAA4B,CAAC,KAAK,CAAC,OAAO,CAAC;QAC9C,GAAG,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC;KACrD,CAAC;IAEF,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,GAAG,sBAAsB,CAAC;IACrC,MAAM,kBAAkB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC/F,QAAQ,CAAC,WAAW,CAChB,QAAQ,CAAC,cAAc,CAAC;;kBAEd,kBAAkB;gCACJ,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;SAErD,CAAC,CACL,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACxC,CAAC"}
+{"version":3,"file":"cssProperties.js","sourceRoot":"","sources":["../src/cssProperties.ts"],"names":[],"mappings":"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"}

package/esm/defaultThemes/blueLight.d.ts

@@ -0,0 +1,6 @@
+import { IThemeDefinition } from "@gooddata/sdk-model";
+/**
+ * @internal
+ */
+export declare const blueLightTheme: IThemeDefinition;
+//# sourceMappingURL=blueLight.d.ts.map

package/esm/defaultThemes/blueLight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueLight.d.ts","sourceRoot":"","sources":["../../src/defaultThemes/blueLight.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,gBA2G5B,CAAC"}

package/esm/defaultThemes/blueLight.js

@@ -0,0 +1,112 @@
+/**
+ * @internal
+ */
+export const blueLightTheme = {
+    type: "theme",
+    title: "Blue light",
+    theme: {
+        palette: {
+            primary: {
+                base: "#347EFF",
+            },
+            error: {
+                base: "#d13049",
+            },
+            success: {
+                base: "#25a953",
+            },
+            warning: {
+                base: "#FF9546",
+            },
+        },
+        button: {
+            borderRadius: "2",
+            dropShadow: true,
+        },
+        modal: {
+            title: {
+                color: "#413C5E",
+                lineColor: "#DFE0E5",
+            },
+            borderColor: "#ffffff",
+            borderRadius: "6",
+            borderWidth: "2",
+            dropShadow: true,
+            outsideBackgroundColor: "#DFE0E5",
+        },
+        tooltip: {
+            color: "#FFFFFFCC",
+            backgroundColor: "#413C5E",
+        },
+        analyticalDesigner: {
+            title: {
+                color: "#413C5E",
+            },
+        },
+        dashboards: {
+            title: {
+                color: "#413C5E",
+                backgroundColor: "#FFFFFF",
+                borderColor: "#BFC4E0",
+            },
+            navigation: {
+                title: {
+                    color: "#413C5E",
+                },
+                borderColor: "#BFC4E0",
+                item: {
+                    color: "#413C5E",
+                    hoverColor: "#2A80F8",
+                    selectedColor: "#2A80F8",
+                    selectedBackgroundColor: "#fff",
+                },
+                backgroundColor: "#F4F5FB",
+            },
+            filterBar: {
+                filterButton: {
+                    backgroundColor: "#FFFFFF",
+                },
+                backgroundColor: "#FFFFFF",
+                borderColor: "#BFC4E0",
+            },
+            section: {
+                title: {
+                    color: "#413C5E",
+                    lineColor: "#FFFFFF",
+                },
+                description: {
+                    color: "#999EA5",
+                },
+            },
+            content: {
+                kpiWidget: {
+                    title: {
+                        color: "#413c5e",
+                        textAlign: "center",
+                    },
+                    kpi: {
+                        primaryMeasureColor: "#2a80f8",
+                        secondaryInfoColor: "#413C5E99",
+                    },
+                    borderColor: "#2168E5",
+                    borderRadius: "6",
+                    borderWidth: "0",
+                    backgroundColor: "#F4F5FB",
+                    dropShadow: false,
+                },
+                widget: {
+                    title: {
+                        color: "#101010",
+                        textAlign: "center",
+                    },
+                    borderColor: "#ffffff",
+                    borderRadius: "6",
+                    borderWidth: "2",
+                    dropShadow: false,
+                },
+                backgroundColor: "#FFFFFF",
+            },
+        },
+    },
+};
+//# sourceMappingURL=blueLight.js.map

package/esm/defaultThemes/blueLight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueLight.js","sourceRoot":"","sources":["../../src/defaultThemes/blueLight.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAqB;IAC5C,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE;QACH,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;YACD,KAAK,EAAE;gBACH,IAAI,EAAE,SAAS;aAClB;YACD,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;YACD,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,MAAM,EAAE;YACJ,YAAY,EAAE,GAAG;YACjB,UAAU,EAAE,IAAI;SACnB;QACD,KAAK,EAAE;YACH,KAAK,EAAE;gBACH,KAAK,EAAE,SAAS;gBAChB,SAAS,EAAE,SAAS;aACvB;YACD,WAAW,EAAE,SAAS;YACtB,YAAY,EAAE,GAAG;YACjB,WAAW,EAAE,GAAG;YAChB,UAAU,EAAE,IAAI;YAChB,sBAAsB,EAAE,SAAS;SACpC;QACD,OAAO,EAAE;YACL,KAAK,EAAE,WAAW;YAClB,eAAe,EAAE,SAAS;SAC7B;QACD,kBAAkB,EAAE;YAChB,KAAK,EAAE;gBACH,KAAK,EAAE,SAAS;aACnB;SACJ;QACD,UAAU,EAAE;YACR,KAAK,EAAE;gBACH,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;aACzB;YACD,UAAU,EAAE;gBACR,KAAK,EAAE;oBACH,KAAK,EAAE,SAAS;iBACnB;gBACD,WAAW,EAAE,SAAS;gBACtB,IAAI,EAAE;oBACF,KAAK,EAAE,SAAS;oBAChB,UAAU,EAAE,SAAS;oBACrB,aAAa,EAAE,SAAS;oBACxB,uBAAuB,EAAE,MAAM;iBAClC;gBACD,eAAe,EAAE,SAAS;aAC7B;YACD,SAAS,EAAE;gBACP,YAAY,EAAE;oBACV,eAAe,EAAE,SAAS;iBAC7B;gBACD,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;aACzB;YACD,OAAO,EAAE;gBACL,KAAK,EAAE;oBACH,KAAK,EAAE,SAAS;oBAChB,SAAS,EAAE,SAAS;iBACvB;gBACD,WAAW,EAAE;oBACT,KAAK,EAAE,SAAS;iBACnB;aACJ;YACD,OAAO,EAAE;gBACL,SAAS,EAAE;oBACP,KAAK,EAAE;wBACH,KAAK,EAAE,SAAS;wBAChB,SAAS,EAAE,QAAQ;qBACtB;oBACD,GAAG,EAAE;wBACD,mBAAmB,EAAE,SAAS;wBAC9B,kBAAkB,EAAE,WAAW;qBAClC;oBACD,WAAW,EAAE,SAAS;oBACtB,YAAY,EAAE,GAAG;oBACjB,WAAW,EAAE,GAAG;oBAChB,eAAe,EAAE,SAAS;oBAC1B,UAAU,EAAE,KAAK;iBACpB;gBACD,MAAM,EAAE;oBACJ,KAAK,EAAE;wBACH,KAAK,EAAE,SAAS;wBAChB,SAAS,EAAE,QAAQ;qBACtB;oBACD,WAAW,EAAE,SAAS;oBACtB,YAAY,EAAE,GAAG;oBACjB,WAAW,EAAE,GAAG;oBAChB,UAAU,EAAE,KAAK;iBACpB;gBACD,eAAe,EAAE,SAAS;aAC7B;SACJ;KACJ;CACJ,CAAC"}

package/esm/defaultThemes/greenDark.d.ts

@@ -0,0 +1,6 @@
+import { IThemeDefinition } from "@gooddata/sdk-model";
+/**
+ * @internal
+ */
+export declare const greenDarkTheme: IThemeDefinition;
+//# sourceMappingURL=greenDark.d.ts.map

package/esm/defaultThemes/greenDark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"greenDark.d.ts","sourceRoot":"","sources":["../../src/defaultThemes/greenDark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,gBAqC5B,CAAC"}

package/esm/defaultThemes/greenDark.js

@@ -0,0 +1,42 @@
+/**
+ * @internal
+ */
+export const greenDarkTheme = {
+    type: "theme",
+    title: "Green dark",
+    theme: {
+        palette: {
+            primary: {
+                base: "#1DB954",
+            },
+            complementary: {
+                c0: "#000",
+                c1: "#262626",
+                c2: "#323333",
+                c3: "#3F403F",
+                c4: "#585958",
+                c5: "#707370",
+                c6: "#898C89",
+                c7: "#A1A6A2",
+                c8: "#BABFBA",
+                c9: "#D2D9D3",
+            },
+        },
+        typography: {
+            font: "url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2)",
+            fontBold: "url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)",
+        },
+        dashboards: {
+            filterBar: {
+                borderColor: "#000",
+            },
+            content: {
+                kpiWidget: {
+                    borderRadius: "4",
+                    backgroundColor: "#262626",
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=greenDark.js.map

package/esm/defaultThemes/greenDark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"greenDark.js","sourceRoot":"","sources":["../../src/defaultThemes/greenDark.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAqB;IAC5C,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE;QACH,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;YACD,aAAa,EAAE;gBACX,EAAE,EAAE,MAAM;gBACV,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,SAAS;aAChB;SACJ;QACD,UAAU,EAAE;YACR,IAAI,EAAE,kFAAkF;YACxF,QAAQ,EAAE,8EAA8E;SAC3F;QACD,UAAU,EAAE;YACR,SAAS,EAAE;gBACP,WAAW,EAAE,MAAM;aACtB;YACD,OAAO,EAAE;gBACL,SAAS,EAAE;oBACP,YAAY,EAAE,GAAG;oBACjB,eAAe,EAAE,SAAS;iBAC7B;aACJ;SACJ;KACJ;CACJ,CAAC"}

package/esm/defaultThemes/indigo.d.ts

@@ -0,0 +1,9 @@
+import { IThemeDefinition } from "@gooddata/sdk-model";
+/**
+ * Indigo theme still does not match default scss (because of inconsistent variables),
+ * but feel free to use for exploration to see the differences.
+ *
+ * @internal
+ */
+export declare const indigoTheme: IThemeDefinition;
+//# sourceMappingURL=indigo.d.ts.map

package/esm/defaultThemes/indigo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indigo.d.ts","sourceRoot":"","sources":["../../src/defaultThemes/indigo.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,gBAyJzB,CAAC"}