@ttoss/fsl-theme 1.1.13 → 1.1.14

package/dist/withDataviz-B4pVsOwV.cjs

@@ -0,0 +1,192 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+const require_createTheme = require('./createTheme-Cv6RP9D6.cjs');
+
+//#region src/dataviz/baseTheme.ts
+/**
+* **Default** dataviz encoding primitives — non-color, value-only.
+*
+* Analytical color comes from `core.colors.*` — see `semanticDataviz` below.
+*/
+const coreDataviz = {
+  shape: {
+    1: "circle",
+    2: "square",
+    3: "triangle",
+    4: "diamond",
+    5: "cross",
+    6: "star",
+    7: "wye",
+    8: "pentagon"
+  },
+  pattern: {
+    1: "solid",
+    2: "diagonal-stripes",
+    3: "horizontal-stripes",
+    4: "vertical-stripes",
+    5: "dots",
+    6: "cross-hatch"
+  },
+  stroke: {
+    solid: "none",
+    dashed: "6 3",
+    dotted: "2 2"
+  },
+  opacity: {
+    context: .15,
+    muted: .35,
+    uncertainty: .25
+  }
+};
+const semanticDataviz = {
+  color: {
+    series: {
+      1: "{core.colors.brand.500}",
+      2: "{core.colors.orange.500}",
+      3: "{core.colors.red.500}",
+      4: "{core.colors.teal.500}",
+      5: "{core.colors.green.500}",
+      6: "{core.colors.yellow.500}",
+      7: "{core.colors.purple.500}",
+      8: "{core.colors.pink.500}"
+    },
+    scale: {
+      sequential: {
+        1: "{core.colors.brand.50}",
+        2: "{core.colors.brand.100}",
+        3: "{core.colors.brand.200}",
+        4: "{core.colors.brand.300}",
+        5: "{core.colors.brand.500}",
+        6: "{core.colors.brand.700}",
+        7: "{core.colors.brand.900}"
+      },
+      diverging: {
+        neg3: "{core.colors.red.700}",
+        neg2: "{core.colors.red.500}",
+        neg1: "{core.colors.orange.300}",
+        neutral: "{core.colors.neutral.50}",
+        pos1: "{core.colors.brand.200}",
+        pos2: "{core.colors.brand.500}",
+        pos3: "{core.colors.brand.700}"
+      }
+    },
+    reference: {
+      baseline: "{core.colors.neutral.500}",
+      target: "{core.colors.orange.700}"
+    },
+    state: {
+      highlight: "{core.colors.yellow.500}",
+      muted: "{core.colors.neutral.300}",
+      selected: "{core.colors.brand.500}"
+    },
+    status: {
+      missing: "{core.colors.neutral.200}",
+      suppressed: "{core.colors.neutral.700}",
+      na: "{core.colors.neutral.500}"
+    }
+  },
+  encoding: {
+    shape: {
+      series: {
+        1: "{core.dataviz.shape.1}",
+        2: "{core.dataviz.shape.2}",
+        3: "{core.dataviz.shape.3}",
+        4: "{core.dataviz.shape.4}",
+        5: "{core.dataviz.shape.5}",
+        6: "{core.dataviz.shape.6}",
+        7: "{core.dataviz.shape.7}",
+        8: "{core.dataviz.shape.8}"
+      }
+    },
+    pattern: {
+      series: {
+        1: "{core.dataviz.pattern.1}",
+        2: "{core.dataviz.pattern.2}",
+        3: "{core.dataviz.pattern.3}",
+        4: "{core.dataviz.pattern.4}",
+        5: "{core.dataviz.pattern.5}",
+        6: "{core.dataviz.pattern.6}"
+      }
+    },
+    stroke: {
+      reference: "{core.dataviz.stroke.dashed}",
+      forecast: "{core.dataviz.stroke.dashed}",
+      uncertainty: "{core.dataviz.stroke.dotted}"
+    },
+    opacity: {
+      context: "{core.dataviz.opacity.context}",
+      muted: "{core.dataviz.opacity.muted}",
+      uncertainty: "{core.dataviz.opacity.uncertainty}"
+    }
+  },
+  geo: {
+    context: {
+      muted: "{core.colors.neutral.50}",
+      boundary: "{core.colors.neutral.300}",
+      label: "{core.colors.neutral.500}"
+    },
+    state: {
+      selection: "{core.colors.brand.500}",
+      focus: "{core.colors.brand.700}"
+    }
+  }
+};
+
+//#endregion
+//#region src/dataviz/withDataviz.ts
+/**
+* Extend a `ThemeBundle` with the dataviz token layer.
+*
+* Applies `core.dataviz` (encoding primitives) and `semantic.dataviz` on top
+* of the bundle's base theme. Semantic color mappings reference `core.colors.*`
+* from the base theme, so brand-aligned dataviz palettes are automatic.
+* The dark-mode alternate (if any) is preserved as-is.
+*
+* @param bundle - Bundle to extend (return value of `createTheme`).
+* @returns A new `ThemeBundle` with dataviz tokens included.
+*
+* @example
+* ```ts
+* import { createTheme } from '@ttoss/fsl-theme';
+* import { withDataviz } from '@ttoss/fsl-theme/dataviz';
+*
+* export const myTheme = withDataviz(createTheme({
+*   overrides: { core: { colors: { brand: { 500: '#FF0000' } } } },
+* }));
+* ```
+*/
+const withDataviz = bundle => {
+  return {
+    ...bundle,
+    base: require_createTheme.buildTheme({
+      base: bundle.base,
+      overrides: {
+        core: {
+          dataviz: coreDataviz
+        },
+        semantic: {
+          dataviz: semanticDataviz
+        }
+      }
+    })
+  };
+};
+
+//#endregion
+Object.defineProperty(exports, 'coreDataviz', {
+  enumerable: true,
+  get: function () {
+    return coreDataviz;
+  }
+});
+Object.defineProperty(exports, 'semanticDataviz', {
+  enumerable: true,
+  get: function () {
+    return semanticDataviz;
+  }
+});
+Object.defineProperty(exports, 'withDataviz', {
+  enumerable: true,
+  get: function () {
+    return withDataviz;
+  }
+});

package/dist/{esm/chunk-FBVUI2PK.js → withDataviz-DY5s7R51.mjs}

@@ -1,9 +1,13 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { buildTheme } from "./chunk-SE5Z52RE.js";
-import { __name } from "./chunk-WVQSTQD5.js";
+import { t as buildTheme } from "./createTheme-BLNYztZU.mjs";
 
-// src/dataviz/baseTheme.ts
-var coreDataviz = {
+//#region src/dataviz/baseTheme.ts
+/**
+* **Default** dataviz encoding primitives — non-color, value-only.
+*
+* Analytical color comes from `core.colors.*` — see `semanticDataviz` below.
+*/
+const coreDataviz = {
   shape: {
     1: "circle",
     2: "square",
@@ -28,12 +32,12 @@ var coreDataviz = {
     dotted: "2 2"
   },
   opacity: {
-    context: 0.15,
-    muted: 0.35,
-    uncertainty: 0.25
+    context: .15,
+    muted: .35,
+    uncertainty: .25
   }
 };
-var semanticDataviz = {
+const semanticDataviz = {
   color: {
     series: {
       1: "{core.colors.brand.500}",
@@ -127,8 +131,30 @@ var semanticDataviz = {
   }
 };
 
-// src/dataviz/withDataviz.ts
-var withDataviz = /* @__PURE__ */__name(bundle => {
+//#endregion
+//#region src/dataviz/withDataviz.ts
+/**
+* Extend a `ThemeBundle` with the dataviz token layer.
+*
+* Applies `core.dataviz` (encoding primitives) and `semantic.dataviz` on top
+* of the bundle's base theme. Semantic color mappings reference `core.colors.*`
+* from the base theme, so brand-aligned dataviz palettes are automatic.
+* The dark-mode alternate (if any) is preserved as-is.
+*
+* @param bundle - Bundle to extend (return value of `createTheme`).
+* @returns A new `ThemeBundle` with dataviz tokens included.
+*
+* @example
+* ```ts
+* import { createTheme } from '@ttoss/fsl-theme';
+* import { withDataviz } from '@ttoss/fsl-theme/dataviz';
+*
+* export const myTheme = withDataviz(createTheme({
+*   overrides: { core: { colors: { brand: { 500: '#FF0000' } } } },
+* }));
+* ```
+*/
+const withDataviz = bundle => {
   return {
     ...bundle,
     base: buildTheme({
@@ -143,5 +169,7 @@ var withDataviz = /* @__PURE__ */__name(bundle => {
       }
     })
   };
-}, "withDataviz");
-export { coreDataviz, semanticDataviz, withDataviz };
+};
+
+//#endregion
+export { coreDataviz as n, semanticDataviz as r, withDataviz as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/fsl-theme",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "description": "ttoss theme provider for UI.",
   "keywords": [
     "css-variables",
@@ -61,12 +61,12 @@
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
     "jest": "^30.3.0",
-    "react": "^19.2.4",
+    "react": "^19.2.6",
     "ts-morph": "^28.0.0",
-    "tsup": "^8.5.1",
+    "tsdown": "^0.22.0",
     "tsx": "^4.21.0",
-    "@ttoss/test-utils": "^4.2.12",
-    "@ttoss/config": "^1.37.12"
+    "@ttoss/test-utils": "^4.2.13",
+    "@ttoss/config": "^1.37.13"
   },
   "peerDependencies": {
     "react": ">=18"
@@ -81,7 +81,7 @@
     "provenance": true
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsdown",
     "build:verify": "pnpm run build && tsx scripts/probe-jsdoc-propagation.ts",
     "test": "jest --projects tests/unit"
   }