@visactor/vseed 0.4.21 → 0.4.22

package/dist/esm/pipeline/spec/table/pipes/theme/headerStyle.js

@@ -10,6 +10,7 @@ const headerStyle = (spec, context)=>{
     const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
     const fontColor = themConfig.headerFontColor || '#1B1F23';
     const fontSize = themConfig.headerFontSize || 12;
+    const fontFamily = themConfig.headerFontFamily;
     const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff';
     const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff';
     result.theme.headerStyle = {
@@ -37,6 +38,7 @@ const headerStyle = (spec, context)=>{
             ]
         },
         fontSize: fontSize,
+        fontFamily: fontFamily,
         fontVariant: 'normal',
         fontStyle: 'normal',
         fontWeight: 'bold',

package/dist/esm/pipeline/spec/table/pipes/theme/headerStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/table/pipes/theme/headerStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/headerStyle.ts"],"sourcesContent":["import type { PivotTableSpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const headerStyle: PivotTableSpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  // basic\n  const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5'\n  const fontColor = themConfig.headerFontColor || '#1B1F23'\n  const fontSize = themConfig.headerFontSize || 12\n  // Interaction\n  const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff'\n  const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff'\n\n  ;(result.theme as ThemeLike).headerStyle = {\n    borderColor: borderColor,\n    borderLineWidth: 1,\n    padding: [8, 12, 8, 12],\n    textAlign: 'center',\n    hover: {\n      cellBgColor: hoverCellBgColor,\n      inlineRowBgColor: hoverInlineColor,\n      inlineColumnBgColor: hoverInlineColor,\n    },\n    frameStyle: {\n      borderColor: borderColor,\n      borderLineWidth: [0, 0, 1, 0],\n    },\n    fontSize: fontSize,\n    fontVariant: 'normal',\n    fontStyle: 'normal',\n    fontWeight: 'bold',\n    color: fontColor,\n    bgColor: backgroundColor,\n    lineHeight: fontSize * 1.5,\n  }\n\n  return result\n}\n"],"names":["headerStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor","fontColor","fontSize","hoverCellBgColor","hoverInlineColor"],"mappings":"AAGO,MAAMA,cAAkC,CAACC,MAAMC;IACpD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAGzC,MAAMK,cAAcD,WAAW,WAAW,IAAI;IAC9C,MAAME,kBAAkBF,WAAW,qBAAqB,IAAI;IAC5D,MAAMG,YAAYH,WAAW,eAAe,IAAI;IAChD,MAAMI,WAAWJ,WAAW,cAAc,IAAI;IAE9C,MAAMK,mBAAmBL,WAAW,0BAA0B,IAAI;IAClE,MAAMM,mBAAmBN,WAAW,gCAAgC,IAAI;IAEtEJ,OAAO,KAAK,CAAe,WAAW,GAAG;QACzC,aAAaK;QACb,iBAAiB;QACjB,SAAS;YAAC;YAAG;YAAI;YAAG;SAAG;QACvB,WAAW;QACX,OAAO;YACL,aAAaI;YACb,kBAAkBC;YAClB,qBAAqBA;QACvB;QACA,YAAY;YACV,aAAaL;YACb,iBAAiB;gBAAC;gBAAG;gBAAG;gBAAG;aAAE;QAC/B;QACA,UAAUG;QACV,aAAa;QACb,WAAW;QACX,YAAY;QACZ,OAAOD;QACP,SAASD;QACT,YAAYE,AAAW,MAAXA;IACd;IAEA,OAAOR;AACT"}
+{"version":3,"file":"pipeline/spec/table/pipes/theme/headerStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/headerStyle.ts"],"sourcesContent":["import type { PivotTableSpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const headerStyle: PivotTableSpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  // basic\n  const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5'\n  const fontColor = themConfig.headerFontColor || '#1B1F23'\n  const fontSize = themConfig.headerFontSize || 12\n  const fontFamily = themConfig.headerFontFamily\n  // Interaction\n  const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff'\n  const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff'\n\n  ;(result.theme as ThemeLike).headerStyle = {\n    borderColor: borderColor,\n    borderLineWidth: 1,\n    padding: [8, 12, 8, 12],\n    textAlign: 'center',\n    hover: {\n      cellBgColor: hoverCellBgColor,\n      inlineRowBgColor: hoverInlineColor,\n      inlineColumnBgColor: hoverInlineColor,\n    },\n    frameStyle: {\n      borderColor: borderColor,\n      borderLineWidth: [0, 0, 1, 0],\n    },\n    fontSize: fontSize,\n    fontFamily: fontFamily,\n    fontVariant: 'normal',\n    fontStyle: 'normal',\n    fontWeight: 'bold',\n    color: fontColor,\n    bgColor: backgroundColor,\n    lineHeight: fontSize * 1.5,\n  }\n\n  return result\n}\n"],"names":["headerStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor","fontColor","fontSize","fontFamily","hoverCellBgColor","hoverInlineColor"],"mappings":"AAGO,MAAMA,cAAkC,CAACC,MAAMC;IACpD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAGzC,MAAMK,cAAcD,WAAW,WAAW,IAAI;IAC9C,MAAME,kBAAkBF,WAAW,qBAAqB,IAAI;IAC5D,MAAMG,YAAYH,WAAW,eAAe,IAAI;IAChD,MAAMI,WAAWJ,WAAW,cAAc,IAAI;IAC9C,MAAMK,aAAaL,WAAW,gBAAgB;IAE9C,MAAMM,mBAAmBN,WAAW,0BAA0B,IAAI;IAClE,MAAMO,mBAAmBP,WAAW,gCAAgC,IAAI;IAEtEJ,OAAO,KAAK,CAAe,WAAW,GAAG;QACzC,aAAaK;QACb,iBAAiB;QACjB,SAAS;YAAC;YAAG;YAAI;YAAG;SAAG;QACvB,WAAW;QACX,OAAO;YACL,aAAaK;YACb,kBAAkBC;YAClB,qBAAqBA;QACvB;QACA,YAAY;YACV,aAAaN;YACb,iBAAiB;gBAAC;gBAAG;gBAAG;gBAAG;aAAE;QAC/B;QACA,UAAUG;QACV,YAAYC;QACZ,aAAa;QACb,WAAW;QACX,YAAY;QACZ,OAAOF;QACP,SAASD;QACT,YAAYE,AAAW,MAAXA;IACd;IAEA,OAAOR;AACT"}

package/dist/esm/pipeline/spec/table/pipes/theme/rowHeaderStyle.js

@@ -10,6 +10,7 @@ const rowHeaderStyle = (spec, context)=>{
     const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
     const fontColor = themConfig.headerFontColor || '#1B1F23';
     const fontSize = themConfig.headerFontSize || 12;
+    const fontFamily = themConfig.headerFontFamily;
     const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff';
     const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff';
     result.theme.rowHeaderStyle = {
@@ -37,6 +38,7 @@ const rowHeaderStyle = (spec, context)=>{
             ]
         },
         fontSize: fontSize,
+        fontFamily: fontFamily,
         fontVariant: 'normal',
         fontStyle: 'normal',
         fontWeight: 'bold',

package/dist/esm/pipeline/spec/table/pipes/theme/rowHeaderStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/table/pipes/theme/rowHeaderStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/rowHeaderStyle.ts"],"sourcesContent":["import type { PivotTableSpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const rowHeaderStyle: PivotTableSpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  // basic\n  const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5'\n  const fontColor = themConfig.headerFontColor || '#1B1F23'\n  const fontSize = themConfig.headerFontSize || 12\n  // Interaction\n  const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff'\n  const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff'\n\n  ;(result.theme as ThemeLike).rowHeaderStyle = {\n    borderColor: borderColor,\n    borderLineWidth: 1,\n    padding: [8, 12, 8, 12],\n    textAlign: 'left',\n    hover: {\n      cellBgColor: hoverCellBgColor,\n      inlineRowBgColor: hoverInlineColor,\n      inlineColumnBgColor: hoverInlineColor,\n    },\n    frameStyle: {\n      borderColor: borderColor,\n      borderLineWidth: [0, 1, 0, 0],\n    },\n    fontSize: fontSize,\n    fontVariant: 'normal',\n    fontStyle: 'normal',\n    fontWeight: 'bold',\n    color: fontColor,\n    bgColor: backgroundColor,\n    lineHeight: fontSize * 1.5,\n  }\n\n  return result\n}\n"],"names":["rowHeaderStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor","fontColor","fontSize","hoverCellBgColor","hoverInlineColor"],"mappings":"AAGO,MAAMA,iBAAqC,CAACC,MAAMC;IACvD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAGzC,MAAMK,cAAcD,WAAW,WAAW,IAAI;IAC9C,MAAME,kBAAkBF,WAAW,qBAAqB,IAAI;IAC5D,MAAMG,YAAYH,WAAW,eAAe,IAAI;IAChD,MAAMI,WAAWJ,WAAW,cAAc,IAAI;IAE9C,MAAMK,mBAAmBL,WAAW,0BAA0B,IAAI;IAClE,MAAMM,mBAAmBN,WAAW,gCAAgC,IAAI;IAEtEJ,OAAO,KAAK,CAAe,cAAc,GAAG;QAC5C,aAAaK;QACb,iBAAiB;QACjB,SAAS;YAAC;YAAG;YAAI;YAAG;SAAG;QACvB,WAAW;QACX,OAAO;YACL,aAAaI;YACb,kBAAkBC;YAClB,qBAAqBA;QACvB;QACA,YAAY;YACV,aAAaL;YACb,iBAAiB;gBAAC;gBAAG;gBAAG;gBAAG;aAAE;QAC/B;QACA,UAAUG;QACV,aAAa;QACb,WAAW;QACX,YAAY;QACZ,OAAOD;QACP,SAASD;QACT,YAAYE,AAAW,MAAXA;IACd;IAEA,OAAOR;AACT"}
+{"version":3,"file":"pipeline/spec/table/pipes/theme/rowHeaderStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/rowHeaderStyle.ts"],"sourcesContent":["import type { PivotTableSpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const rowHeaderStyle: PivotTableSpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  // basic\n  const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5'\n  const fontColor = themConfig.headerFontColor || '#1B1F23'\n  const fontSize = themConfig.headerFontSize || 12\n  const fontFamily = themConfig.headerFontFamily\n  // Interaction\n  const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff'\n  const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff'\n\n  ;(result.theme as ThemeLike).rowHeaderStyle = {\n    borderColor: borderColor,\n    borderLineWidth: 1,\n    padding: [8, 12, 8, 12],\n    textAlign: 'left',\n    hover: {\n      cellBgColor: hoverCellBgColor,\n      inlineRowBgColor: hoverInlineColor,\n      inlineColumnBgColor: hoverInlineColor,\n    },\n    frameStyle: {\n      borderColor: borderColor,\n      borderLineWidth: [0, 1, 0, 0],\n    },\n    fontSize: fontSize,\n    fontFamily: fontFamily,\n    fontVariant: 'normal',\n    fontStyle: 'normal',\n    fontWeight: 'bold',\n    color: fontColor,\n    bgColor: backgroundColor,\n    lineHeight: fontSize * 1.5,\n  }\n\n  return result\n}\n"],"names":["rowHeaderStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor","fontColor","fontSize","fontFamily","hoverCellBgColor","hoverInlineColor"],"mappings":"AAGO,MAAMA,iBAAqC,CAACC,MAAMC;IACvD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAGzC,MAAMK,cAAcD,WAAW,WAAW,IAAI;IAC9C,MAAME,kBAAkBF,WAAW,qBAAqB,IAAI;IAC5D,MAAMG,YAAYH,WAAW,eAAe,IAAI;IAChD,MAAMI,WAAWJ,WAAW,cAAc,IAAI;IAC9C,MAAMK,aAAaL,WAAW,gBAAgB;IAE9C,MAAMM,mBAAmBN,WAAW,0BAA0B,IAAI;IAClE,MAAMO,mBAAmBP,WAAW,gCAAgC,IAAI;IAEtEJ,OAAO,KAAK,CAAe,cAAc,GAAG;QAC5C,aAAaK;QACb,iBAAiB;QACjB,SAAS;YAAC;YAAG;YAAI;YAAG;SAAG;QACvB,WAAW;QACX,OAAO;YACL,aAAaK;YACb,kBAAkBC;YAClB,qBAAqBA;QACvB;QACA,YAAY;YACV,aAAaN;YACb,iBAAiB;gBAAC;gBAAG;gBAAG;gBAAG;aAAE;QAC/B;QACA,UAAUG;QACV,YAAYC;QACZ,aAAa;QACb,WAAW;QACX,YAAY;QACZ,OAAOF;QACP,SAASD;QACT,YAAYE,AAAW,MAAXA;IACd;IAEA,OAAOR;AACT"}

package/dist/esm/theme/common/table.d.ts

@@ -71,7 +71,9 @@ export declare const getDarkTableConfig: () => {
 };
 export declare const getLightPivotChartGridConfig: () => {
     borderColor?: string | null | undefined;
+    bodyFontSize?: number | null | undefined;
     bodyFontColor?: string | null | undefined;
+    headerFontSize?: number | null | undefined;
     headerFontColor?: string | null | undefined;
     headerBackgroundColor?: string | null | undefined;
     hoverHeaderBackgroundColor?: string | null | undefined;
@@ -85,10 +87,13 @@ export declare const getLightPivotChartGridConfig: () => {
     titleFontWeight?: string | null | undefined;
     chartGridColor?: string | null | undefined;
     axisLabelColor?: string | null | undefined;
+    axisLabelFontSize?: number | null | undefined;
 };
 export declare const getDarkPivotChartGridConfig: () => {
     borderColor?: string | null | undefined;
+    bodyFontSize?: number | null | undefined;
     bodyFontColor?: string | null | undefined;
+    headerFontSize?: number | null | undefined;
     headerFontColor?: string | null | undefined;
     headerBackgroundColor?: string | null | undefined;
     hoverHeaderBackgroundColor?: string | null | undefined;
@@ -102,4 +107,5 @@ export declare const getDarkPivotChartGridConfig: () => {
     titleFontWeight?: string | null | undefined;
     chartGridColor?: string | null | undefined;
     axisLabelColor?: string | null | undefined;
+    axisLabelFontSize?: number | null | undefined;
 };

package/dist/esm/theme/dark/area.d.ts

@@ -10,7 +10,9 @@ export declare const getAreaTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -24,6 +26,7 @@ export declare const getAreaTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;
@@ -88,7 +91,9 @@ export declare const getAreaPercentTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -102,6 +107,7 @@ export declare const getAreaPercentTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;

package/dist/esm/theme/dark/bar.d.ts

@@ -12,7 +12,9 @@ export declare const getBarTheme: () => {
     stackCornerRadius: number[];
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -26,6 +28,7 @@ export declare const getBarTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../../types").AnnotationPointConfig;
@@ -91,7 +94,9 @@ export declare const getBarParallelTheme: () => {
     stackCornerRadius: number[];
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -105,6 +110,7 @@ export declare const getBarParallelTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../../types").AnnotationPointConfig;
@@ -170,7 +176,9 @@ export declare const getBarPercentTheme: () => {
     stackCornerRadius: number[];
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -184,6 +192,7 @@ export declare const getBarPercentTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../../types").AnnotationPointConfig;

package/dist/esm/theme/dark/boxPlot.d.ts

@@ -10,7 +10,9 @@ export declare const getBoxPlotTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -24,6 +26,7 @@ export declare const getBoxPlotTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;

package/dist/esm/theme/dark/column.d.ts

@@ -11,7 +11,9 @@ export declare const getColumnTheme: () => {
     stackCornerRadius: number[];
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -25,6 +27,7 @@ export declare const getColumnTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;
@@ -264,7 +267,9 @@ export declare const getColumnParallelTheme: () => {
     stackCornerRadius: number[];
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -278,6 +283,7 @@ export declare const getColumnParallelTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;
@@ -343,7 +349,9 @@ export declare const getColumnPercentTheme: () => {
     stackCornerRadius: number[];
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -357,6 +365,7 @@ export declare const getColumnPercentTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;

package/dist/esm/theme/dark/dualAxis.d.ts

@@ -54,7 +54,9 @@ export declare const getDualAxisTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -68,6 +70,7 @@ export declare const getDualAxisTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;

package/dist/esm/theme/dark/funnel.d.ts

@@ -11,7 +11,9 @@ export declare const getFunnelTheme: () => {
     transform: import("../..").FunnelTransformConfig;
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -25,6 +27,7 @@ export declare const getFunnelTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {

package/dist/esm/theme/dark/heatmap.d.ts

@@ -14,7 +14,9 @@ export declare const getHeatmapTheme: () => {
     cell: import("../../types/properties/config/heatmap").HeatmapCell;
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -28,6 +30,7 @@ export declare const getHeatmapTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {

package/dist/esm/theme/dark/hierarchy.d.ts

@@ -1,7 +1,9 @@
 export declare const getTreeMapTheme: () => {
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -15,6 +17,7 @@ export declare const getTreeMapTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {
@@ -64,7 +67,9 @@ export declare const getTreeMapTheme: () => {
 export declare const getSunburstTheme: () => {
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -78,6 +83,7 @@ export declare const getSunburstTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {
@@ -127,7 +133,9 @@ export declare const getSunburstTheme: () => {
 export declare const getCirclePackingTheme: () => {
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -141,6 +149,7 @@ export declare const getCirclePackingTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {

package/dist/esm/theme/dark/histogram.d.ts

@@ -10,7 +10,9 @@ export declare const getHistogramTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -24,6 +26,7 @@ export declare const getHistogramTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;

package/dist/esm/theme/dark/line.d.ts

@@ -10,7 +10,9 @@ export declare const getLineTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -24,6 +26,7 @@ export declare const getLineTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;

package/dist/esm/theme/dark/pie.d.ts

@@ -12,7 +12,9 @@ export declare const getPieTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -26,6 +28,7 @@ export declare const getPieTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {
@@ -77,7 +80,9 @@ export declare const getDonutTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -91,6 +96,7 @@ export declare const getDonutTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {

package/dist/esm/theme/dark/race.d.ts

@@ -25,7 +25,9 @@ export declare const getRaceBarTheme: () => {
     stackCornerRadius: number[];
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -39,6 +41,7 @@ export declare const getRaceBarTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../../types").AnnotationPointConfig;
@@ -117,7 +120,9 @@ export declare const getRaceColumnTheme: () => {
     stackCornerRadius: number[];
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -131,6 +136,7 @@ export declare const getRaceColumnTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../../types").AnnotationPointConfig;
@@ -484,7 +490,9 @@ export declare const getRaceScatterTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -498,6 +506,7 @@ export declare const getRaceScatterTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../../types").AnnotationPointConfig;

package/dist/esm/theme/dark/raceLine.d.ts

@@ -124,7 +124,9 @@ export declare const getRaceLineTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -138,6 +140,7 @@ export declare const getRaceLineTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../../types").AnnotationPointConfig;

package/dist/esm/theme/dark/racePie.d.ts

@@ -27,7 +27,9 @@ export declare const getRacePieTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -41,6 +43,7 @@ export declare const getRacePieTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {
@@ -105,7 +108,9 @@ export declare const getRaceDonutTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -119,6 +124,7 @@ export declare const getRaceDonutTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {

package/dist/esm/theme/dark/radar.d.ts

@@ -1,7 +1,9 @@
 export declare const getRadarTheme: () => {
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -15,6 +17,7 @@ export declare const getRadarTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {

package/dist/esm/theme/dark/rose.d.ts

@@ -11,7 +11,9 @@ export declare const getRoseTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -25,6 +27,7 @@ export declare const getRoseTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {
@@ -75,7 +78,9 @@ export declare const getRoseParallelTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -89,6 +94,7 @@ export declare const getRoseParallelTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     backgroundColor: string;
     color: {

package/dist/esm/theme/dark/scatter.d.ts

@@ -112,7 +112,9 @@ export declare const getScatterTheme: () => {
     };
     pivotGrid: {
         borderColor?: string | null | undefined;
+        bodyFontSize?: number | null | undefined;
         bodyFontColor?: string | null | undefined;
+        headerFontSize?: number | null | undefined;
         headerFontColor?: string | null | undefined;
         headerBackgroundColor?: string | null | undefined;
         hoverHeaderBackgroundColor?: string | null | undefined;
@@ -126,6 +128,7 @@ export declare const getScatterTheme: () => {
         titleFontWeight?: string | null | undefined;
         chartGridColor?: string | null | undefined;
         axisLabelColor?: string | null | undefined;
+        axisLabelFontSize?: number | null | undefined;
     };
     annotation: {
         annotationPoint: import("../..").AnnotationPointConfig;

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

@@ -1,2 +1,4 @@
 export { darkTheme } from './dark';
 export { lightTheme } from './light';
+export { createTokenThemeConfig, registerTokenTheme, registerTokenThemes } from './tokenTheme';
+export type { RegisterTokenThemeOptions, TokenThemeBase, TokenThemeDefinition, TokenThemeRegistry } from './tokenTheme';

package/dist/esm/theme/index.js

@@ -1,3 +1,4 @@
 import { darkTheme } from "./dark/index.js";
 import { lightTheme } from "./light/index.js";
-export { darkTheme, lightTheme };
+import { createTokenThemeConfig, registerTokenTheme, registerTokenThemes } from "./tokenTheme.js";
+export { createTokenThemeConfig, darkTheme, lightTheme, registerTokenTheme, registerTokenThemes };