@gooddata/sdk-ui-theme-provider 11.57.0-alpha.1 → 11.57.0-alpha.3

package/esm/index.js

@@ -1,5 +1,5 @@
 // (C) 2020-2026 GoodData Corporation
-/* oxlint-disable no-barrel-files/no-barrel-files */
+// oxlint-disable no-barrel-files/no-barrel-files
 /**
  * This package provides tools to make your application support themes.
  *

package/esm/internal.js

@@ -1,5 +1,5 @@
 // (C) 2024-2026 GoodData Corporation
-/* oxlint-disable no-barrel-files/no-barrel-files */
+// oxlint-disable no-barrel-files/no-barrel-files
 export { blueLightTheme } from "./defaultThemes/blueLight.js";
 export { greenDarkTheme } from "./defaultThemes/greenDark.js";
 export { indigoTheme } from "./defaultThemes/indigo.js";

package/esm/variablesSpec/allThemeCssVariables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"allThemeCssVariables.d.ts","sourceRoot":"","sources":["../../src/variablesSpec/allThemeCssVariables.ts"],"names":[],"mappings":"AAoCA,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAE5B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAChC,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,wBAAwB,EAAE,uBAAuB,EAoB7D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,uBAAuB,EAM7D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,wBAAwB,EAe/D,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,EAMlD,CAAC"}
+{"version":3,"file":"allThemeCssVariables.d.ts","sourceRoot":"","sources":["../../src/variablesSpec/allThemeCssVariables.ts"],"names":[],"mappings":"AAqCA,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAE5B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAChC,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,wBAAwB,EAAE,uBAAuB,EAoB7D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,uBAAuB,EAM7D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,wBAAwB,EAgB/D,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,EAMlD,CAAC"}

package/esm/variablesSpec/allThemeCssVariables.js

@@ -12,6 +12,7 @@ import { internalModelerThemeVariables } from "./internal/modeler.js";
 import { internalSpacingThemeVariables } from "./internal/spacing.js";
 import { internalTableThemeVariables } from "./internal/table.js";
 import { internalTabsThemeVariables } from "./internal/tabs.js";
+import { internalTooltipThemeVariables } from "./internal/tooltip.js";
 import { internalTransitionThemeVariables } from "./internal/transition.js";
 // Derived
 import { derivedPaletteBaseThemeVariables } from "./theme-derived/palette-base-derived.js";
@@ -71,6 +72,7 @@ export const themeInternalCssVariables = [
     ...internalIconThemeVariables,
     ...internalTabsThemeVariables,
     ...internalTableThemeVariables,
+    ...internalTooltipThemeVariables,
     // Modeler
     ...internalModelerThemeVariables,
 ];

package/esm/variablesSpec/internal/tooltip.d.ts

@@ -0,0 +1,3 @@
+import { type ThemeInternalCssVariable } from "../types.js";
+export declare const internalTooltipThemeVariables: ThemeInternalCssVariable[];
+//# sourceMappingURL=tooltip.d.ts.map

package/esm/variablesSpec/internal/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/variablesSpec/internal/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE5D,eAAO,MAAM,6BAA6B,EAAE,wBAAwB,EAMnE,CAAC"}

package/esm/variablesSpec/internal/tooltip.js

@@ -0,0 +1,7 @@
+export const internalTooltipThemeVariables = [
+    {
+        type: "internal",
+        variableName: "--gd-tooltip-maxWidth",
+        defaultValue: "300px",
+    },
+];

package/esm/variablesSpec/validate/log.js

@@ -10,14 +10,14 @@ export function logError(message) {
  * @internal
  */
 export function logSuccess(message) {
-    // eslint-disable-next-line no-console
+    // oxlint-disable-next-line eslint-js/no-console
     console.log(chalk.green(message));
 }
 /**
  * @internal
  */
 export function logInfo(message) {
-    // eslint-disable-next-line no-console
+    // oxlint-disable-next-line eslint-js/no-console
     console.log(chalk.gray(message));
 }
 /**

package/esm/variablesSpec/validate/validate.js

@@ -185,14 +185,26 @@ function normalizeColorsInValue(value) {
         return `rgba(${red},${green},${blue},${alphaRounded})`;
     });
     // Normalize rgb()/rgba() values to consistent rgba() format.
-    // Sass 1.79+ no longer rounds color channels, so derived colors are emitted with
-    // fractional channels (e.g. rgb(231.5, 247.3, 252.1)) - round them to integers so
-    // they compare equal to the hex/rgba values in the specification.
-    result = result.replace(/rgba?\(([\d.]+),([\d.]+),([\d.]+)(?:,([\d.]+))?\)/g, (_match, r, g, b, a) => {
-        const red = Math.round(parseFloat(r));
-        const green = Math.round(parseFloat(g));
-        const blue = Math.round(parseFloat(b));
-        const alpha = a === undefined ? 1 : parseFloat(a);
+    // Sass 1.79+ no longer rounds color channels, and since 1.104 such fractional-channel colors
+    // are serialized in the CSS Color 4 percentage form (e.g. rgb(90.78%,96.98%,98.86%)) - parse
+    // both numeric and percentage channels and round them to integers so they compare equal to
+    // the hex/rgba values in the specification.
+    // The percentage form prints ~10 decimals, so a channel that is exactly N.5 in 0-255 space
+    // (e.g. 216.5 -> "84.9019607843%") converts back to fractionally BELOW the half (216.4999...)
+    // and would round down where Sass's own serializer rounded up. Snap to 6 decimals first so the
+    // conversion rounds the same way the specification values were derived.
+    const channelTo255 = (channel) => {
+        if (!channel.endsWith("%")) {
+            return Math.round(parseFloat(channel));
+        }
+        const raw = (parseFloat(channel) * 255) / 100;
+        return Math.round(Math.round(raw * 1e6) / 1e6);
+    };
+    result = result.replace(/rgba?\(([\d.]+%?),([\d.]+%?),([\d.]+%?)(?:,([\d.]+%?))?\)/g, (_match, r, g, b, a) => {
+        const red = channelTo255(r);
+        const green = channelTo255(g);
+        const blue = channelTo255(b);
+        const alpha = a === undefined ? 1 : a.endsWith("%") ? parseFloat(a) / 100 : parseFloat(a);
         // Round alpha to 2 decimal places for consistent comparison
         const alphaRounded = Math.round(alpha * 100) / 100;
         return `rgba(${red},${green},${blue},${alphaRounded})`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-theme-provider",
-  "version": "11.57.0-alpha.1",
+  "version": "11.57.0-alpha.3",
   "description": "GoodData SDK - Theme provider",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -32,10 +32,10 @@
     "postcss-value-parser": "4.2.0",
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
-    "@gooddata/sdk-backend-spi": "11.57.0-alpha.1",
-    "@gooddata/sdk-model": "11.57.0-alpha.1",
-    "@gooddata/sdk-ui": "11.57.0-alpha.1",
-    "@gooddata/util": "11.57.0-alpha.1"
+    "@gooddata/sdk-backend-spi": "11.57.0-alpha.3",
+    "@gooddata/util": "11.57.0-alpha.3",
+    "@gooddata/sdk-model": "11.57.0-alpha.3",
+    "@gooddata/sdk-ui": "11.57.0-alpha.3"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "7.30.10",
@@ -62,17 +62,18 @@
     "happy-dom": "20.12.0",
     "npm-run-all": "4.1.5",
     "oxfmt": "0.66.0",
-    "oxlint": "1.57.0",
-    "oxlint-tsgolint": "0.18.1",
+    "oxlint": "1.67.0",
+    "oxlint-plugin-eslint": "1.82.0",
+    "oxlint-tsgolint": "0.22.1",
     "raf": "3.4.1",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "typescript": "7.0.2",
     "vitest": "4.1.8",
-    "@gooddata/eslint-config": "11.57.0-alpha.1",
-    "@gooddata/oxlint-config": "11.57.0-alpha.1",
-    "@gooddata/reference-workspace": "11.57.0-alpha.1",
-    "@gooddata/sdk-backend-mockingbird": "11.57.0-alpha.1"
+    "@gooddata/eslint-config": "11.57.0-alpha.3",
+    "@gooddata/oxlint-config": "11.57.0-alpha.3",
+    "@gooddata/reference-workspace": "11.57.0-alpha.3",
+    "@gooddata/sdk-backend-mockingbird": "11.57.0-alpha.3"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",