@chatbi-v/xcml 2.1.2 → 2.1.3

package/dist/index.css

@@ -191,196 +191,6 @@
   --chart-5: 55 95% 80%;
 }
 
-/* 3. Lavender (Purple/Indigo) */
-
-[data-theme="lavender"] .xcml-scope,
-  .xcml-scope [data-theme="lavender"],
-  .xcml-scope[data-theme="lavender"] {
-  --primary: 262 83% 58%;
-  /* Violet 600 */
-  --accent: 262 83% 95%;
-  --accent-foreground: 262 83% 58%;
-  --ring: 262 83% 58%;
-  --card: 262 83% 98%;
-  /* Very light purple background */
-  --border: 262 83% 90%;
-  --chart-1: 262 83% 58%;
-  --chart-2: 255 91% 65%;
-  --chart-3: 250 95% 75%;
-  --chart-4: 245 95% 85%;
-  --chart-5: 240 95% 92%;
-}
-
-/* 4. Rose (Pink) */
-
-[data-theme="rose"] .xcml-scope,
-  .xcml-scope [data-theme="rose"],
-  .xcml-scope[data-theme="rose"] {
-  --primary: 346 84% 50%;
-  /* Rose 600 */
-  --accent: 346 84% 95%;
-  --accent-foreground: 346 84% 50%;
-  --ring: 346 84% 50%;
-  --card: 346 84% 98%;
-  /* Very light pink background */
-  --border: 346 84% 90%;
-  --chart-1: 346 84% 50%;
-  --chart-2: 340 85% 60%;
-  --chart-3: 330 90% 70%;
-  --chart-4: 320 95% 80%;
-  --chart-5: 310 95% 90%;
-}
-
-/* 5. Amber (Yellow/Gold) */
-
-[data-theme="amber"] .xcml-scope,
-  .xcml-scope [data-theme="amber"],
-  .xcml-scope[data-theme="amber"] {
-  --primary: 38 92% 50%;
-  /* Amber 500 */
-  --accent: 38 92% 95%;
-  --accent-foreground: 38 92% 50%;
-  --ring: 38 92% 50%;
-  --card: 38 92% 98%;
-  /* Very light amber background */
-  --border: 38 92% 90%;
-  --chart-1: 38 92% 50%;
-  --chart-2: 45 95% 55%;
-  --chart-3: 52 95% 65%;
-  --chart-4: 58 95% 75%;
-  --chart-5: 65 95% 85%;
-}
-
-/* 6. Midnight (Deep Indigo/Dark) */
-
-[data-theme="midnight"] .xcml-scope,
-  .xcml-scope [data-theme="midnight"],
-  .xcml-scope[data-theme="midnight"] {
-  --primary: 224 71% 45%;
-  /* Blue 600ish */
-  --accent: 224 71% 25%;
-  --accent-foreground: 0 0% 100%;
-  --ring: 224 71% 45%;
-  --card: 224 71% 10%;
-  /* Deep dark blue background */
-  --card-foreground: 0 0% 98%;
-  --border: 224 71% 20%;
-  --chart-1: 224 71% 45%;
-  --chart-2: 220 60% 55%;
-  --chart-3: 215 50% 65%;
-  --chart-4: 210 40% 75%;
-  --chart-5: 205 30% 85%;
-}
-
-/* 7. Forest (Deep Green) */
-
-[data-theme="forest"] .xcml-scope,
-  .xcml-scope [data-theme="forest"],
-  .xcml-scope[data-theme="forest"] {
-  --primary: 142 76% 45%;
-  /* Green 600ish */
-  --accent: 142 76% 25%;
-  --accent-foreground: 0 0% 100%;
-  --ring: 142 76% 45%;
-  --card: 142 76% 10%;
-  /* Deep dark green background */
-  --card-foreground: 0 0% 98%;
-  --border: 142 76% 20%;
-  --chart-1: 142 76% 45%;
-  --chart-2: 145 60% 55%;
-  --chart-3: 150 50% 65%;
-  --chart-4: 155 40% 75%;
-  --chart-5: 160 30% 85%;
-}
-
-/* 8. Slate (Professional Gray) */
-
-[data-theme="slate"] .xcml-scope,
-  .xcml-scope [data-theme="slate"],
-  .xcml-scope[data-theme="slate"] {
-  --primary: 215 25% 27%;
-  /* Slate 800 */
-  --accent: 215 25% 92%;
-  --accent-foreground: 215 25% 27%;
-  --ring: 215 25% 27%;
-  --card: 215 25% 98%;
-  --border: 215 25% 90%;
-  --chart-1: 215 25% 27%;
-  --chart-2: 215 20% 40%;
-  --chart-3: 215 15% 55%;
-  --chart-4: 215 10% 70%;
-  --chart-5: 215 5% 85%;
-}
-
-/* 9. Crimson (Wine Red) */
-
-[data-theme="crimson"] .xcml-scope,
-  .xcml-scope [data-theme="crimson"],
-  .xcml-scope[data-theme="crimson"] {
-  --primary: 347 77% 35%;
-  /* Crimson 900ish */
-  --accent: 347 77% 92%;
-  --accent-foreground: 347 77% 35%;
-  --ring: 347 77% 35%;
-  --card: 347 77% 98%;
-  --border: 347 77% 90%;
-  --chart-1: 347 77% 35%;
-  --chart-2: 350 60% 45%;
-  --chart-3: 355 50% 55%;
-  --chart-4: 0 40% 65%;
-  --chart-5: 5 30% 75%;
-}
-
-/* 10. Cyan (Teal/Cyan) */
-
-[data-theme="cyan"] .xcml-scope,
-  .xcml-scope [data-theme="cyan"],
-  .xcml-scope[data-theme="cyan"] {
-  --primary: 188 86% 40%;
-  /* Cyan 600 */
-  --accent: 188 86% 95%;
-  --accent-foreground: 188 86% 40%;
-  --ring: 188 86% 40%;
-  --card: 188 86% 98%;
-  --border: 188 86% 90%;
-  --chart-1: 188 86% 40%;
-  --chart-2: 185 75% 50%;
-  --chart-3: 180 65% 60%;
-  --chart-4: 175 55% 70%;
-  --chart-5: 170 45% 80%;
-}
-
-/* 11. Brand (Primary Background) */
-
-[data-theme="brand"] .xcml-scope,
-  .xcml-scope [data-theme="brand"],
-  .xcml-scope[data-theme="brand"] {
-  --card: 161 94% 30%;
-  /* Emerald 600 */
-  --card-foreground: 0 0% 100%;
-  --primary: 0 0% 100%;
-  --primary-foreground: 161 94% 30%;
-  --border: 161 94% 25%;
-  --muted: 161 94% 25%;
-  --muted-foreground: 161 94% 80%;
-  --accent: 161 94% 40%;
-  --accent-foreground: 0 0% 100%;
-}
-
-/* 12. Deep (Very Dark) */
-
-[data-theme="deep"] .xcml-scope,
-  .xcml-scope [data-theme="deep"],
-  .xcml-scope[data-theme="deep"] {
-  --card: 224 71% 4%;
-  /* Slate 950 */
-  --card-foreground: 210 20% 98%;
-  --primary: 161 94% 30%;
-  --border: 224 71% 12%;
-  --muted: 224 71% 12%;
-  --muted-foreground: 215 20% 65%;
-}
-
 .xcml-scope :is( *) {
   border-color: hsl(var(--border));
 }

package/dist/index.d.cts

@@ -1034,7 +1034,7 @@ interface ExtendedRenderersOptions {
 }
 declare function createExtendedRenderers(options?: ExtendedRenderersOptions): Record<string, (node: any, key: string | number) => any>;
 
-type Theme = "dark" | "light" | "system" | "ocean" | "sunset" | "lavender" | "rose" | "amber" | "midnight" | "forest" | "slate" | "crimson" | "cyan";
+type Theme = "dark" | "light" | "system" | "ocean" | "sunset" | "inherit";
 type ThemeProviderProps = {
     children: React.ReactNode;
     defaultTheme?: Theme;
@@ -1056,11 +1056,11 @@ type ThemeProviderProps = {
     style?: React.CSSProperties;
 };
 type ThemeProviderState = {
-    theme: Theme;
+    theme: Theme | undefined;
     setTheme: (theme: Theme) => void;
+    primaryColor: string;
 };
-declare function ThemeProvider({ children, defaultTheme, theme: controlledTheme, primaryColor, // Orange 600 (Sunset)
-storageKey, scoped, className, style, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, theme: controlledTheme, primaryColor: propsPrimaryColor, storageKey, scoped, className, style, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare const useTheme: () => ThemeProviderState;
 
 export { AntVChartLoader, type AntVRendererOptions, type BaseChartProps, type BasicRenderersOptions, COMMON_PROPS, type ChartAxisConfig, type ChartComponent, type ChartLabelConfig, type ChartLegendConfig, type ChartProps, type ChartStrategy, type ColumnChartProps, DefaultEmptyPlaceholder, DefaultErrorPlaceholder, type DualAxesChartProps, type DualAxesChildConfig, type ExtendedRenderersOptions, type FunnelChartProps, type LineChartProps, type PieChartProps, type Theme, ThemeProvider, type XCMLBaseComponent, type XCMLBaseProps, XCMLCardWrapper, XCMLChart, type XCMLComponentSchema, type XCMLContext, XCMLEventBus, XCMLLayoutProvider, XCMLMarkdown, type XCMLPlugin, type XCMLPropertyCategory, type XCMLPropertyDefinition, type XCMLPropertyType, type XCMLProps, type XCMLRenderer, XCML_SCHEMAS, type XTagPluginOptions, buildConfig, chartSchema, cleanPropsBySchema, columnChartSchema, columnStrategy, createAntVRenderers, createBasicRenderers, createExtendedRenderers, createRenderersWithAliases, deepMerge, dualAxesChartSchema, dualAxesStrategy, extractBaseStyles, funnelChartSchema, funnelStrategy, getChartStrategy, getTheme, lineChartSchema, lineStrategy, mergePropsAndBody, normalizeNodeData, normalizeTagName, parseArrayProp, parseInlineData, parseXCML, pieChartSchema, pieStrategy, preprocessXCML, renderXCML, strategies, stringifyToXCML, themeDark, themeLight, themeMap, toXCMLNodeFromElement, toXCMLTag, toXTag, useTheme, useXCMLComponent, useXCMLLayout, useXCMLNode, validateDataSchema, validateXCMLNode, withXCMLCard, xTagPlugin, xcmlBus };

package/dist/index.d.ts

@@ -1034,7 +1034,7 @@ interface ExtendedRenderersOptions {
 }
 declare function createExtendedRenderers(options?: ExtendedRenderersOptions): Record<string, (node: any, key: string | number) => any>;
 
-type Theme = "dark" | "light" | "system" | "ocean" | "sunset" | "lavender" | "rose" | "amber" | "midnight" | "forest" | "slate" | "crimson" | "cyan";
+type Theme = "dark" | "light" | "system" | "ocean" | "sunset" | "inherit";
 type ThemeProviderProps = {
     children: React.ReactNode;
     defaultTheme?: Theme;
@@ -1056,11 +1056,11 @@ type ThemeProviderProps = {
     style?: React.CSSProperties;
 };
 type ThemeProviderState = {
-    theme: Theme;
+    theme: Theme | undefined;
     setTheme: (theme: Theme) => void;
+    primaryColor: string;
 };
-declare function ThemeProvider({ children, defaultTheme, theme: controlledTheme, primaryColor, // Orange 600 (Sunset)
-storageKey, scoped, className, style, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, theme: controlledTheme, primaryColor: propsPrimaryColor, storageKey, scoped, className, style, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare const useTheme: () => ThemeProviderState;
 
 export { AntVChartLoader, type AntVRendererOptions, type BaseChartProps, type BasicRenderersOptions, COMMON_PROPS, type ChartAxisConfig, type ChartComponent, type ChartLabelConfig, type ChartLegendConfig, type ChartProps, type ChartStrategy, type ColumnChartProps, DefaultEmptyPlaceholder, DefaultErrorPlaceholder, type DualAxesChartProps, type DualAxesChildConfig, type ExtendedRenderersOptions, type FunnelChartProps, type LineChartProps, type PieChartProps, type Theme, ThemeProvider, type XCMLBaseComponent, type XCMLBaseProps, XCMLCardWrapper, XCMLChart, type XCMLComponentSchema, type XCMLContext, XCMLEventBus, XCMLLayoutProvider, XCMLMarkdown, type XCMLPlugin, type XCMLPropertyCategory, type XCMLPropertyDefinition, type XCMLPropertyType, type XCMLProps, type XCMLRenderer, XCML_SCHEMAS, type XTagPluginOptions, buildConfig, chartSchema, cleanPropsBySchema, columnChartSchema, columnStrategy, createAntVRenderers, createBasicRenderers, createExtendedRenderers, createRenderersWithAliases, deepMerge, dualAxesChartSchema, dualAxesStrategy, extractBaseStyles, funnelChartSchema, funnelStrategy, getChartStrategy, getTheme, lineChartSchema, lineStrategy, mergePropsAndBody, normalizeNodeData, normalizeTagName, parseArrayProp, parseInlineData, parseXCML, pieChartSchema, pieStrategy, preprocessXCML, renderXCML, strategies, stringifyToXCML, themeDark, themeLight, themeMap, toXCMLNodeFromElement, toXCMLTag, toXTag, useTheme, useXCMLComponent, useXCMLLayout, useXCMLNode, validateDataSchema, validateXCMLNode, withXCMLCard, xTagPlugin, xcmlBus };