@yamada-ui/react 2.2.5-dev-20260721065212 → 2.3.0-dev-20260723023720

package/dist/types/core/system/index.types.d.ts

@@ -192,7 +192,7 @@ interface ThemeConfig {
     /**
      * The root selector to attach to variable names when converting each token of the theme to CSS variable names.
      *
-     * @default ':host, :root, [data-mode]'
+     * @default ':host, :root'
      */
     varRoot?: string;
   };
@@ -457,6 +457,16 @@ interface CSSMap {
     var: string;
   };
 }
+interface CSSVars {
+  dark: Dict;
+  light: Dict;
+  themes?: {
+    [key: string]: {
+      dark: Dict;
+      light: Dict;
+    };
+  };
+}
 interface CustomTheme {}
 type DefaultTheme = typeof theme;
 interface CustomThemeTokens {}
@@ -475,7 +485,7 @@ interface System {
   breakpoints: Breakpoints;
   config: ThemeConfig;
   cssMap: CSSMap;
-  cssVars: Dict;
+  cssVars: CSSVars;
   layers: Layers;
   utils: SystemUtils;
   rootNode?: Document | Node | ShadowRoot;
@@ -485,5 +495,5 @@ type StyledTheme<Y extends UsageTheme = Theme> = Y & {
   themeScheme: "base" | keyof Y["themeSchemes"];
 };
 //#endregion
-export { Breakpoint, BreakpointConfig, BreakpointDirection, BreakpointIdentifier, CSSMap, ChangeThemeScheme, ColorMode, ColorModeWithSystem, ColorScheme, ComponentCompound, ComponentDefaultProps, ComponentSlotStyle, ComponentStyle, CustomTheme, CustomThemeTokens, DefaultTheme, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSchemeValue, DefineThemeColorSemanticToken, DefineThemeColorSemanticTokens, DefineThemeColorSemanticValue, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeSemanticTokens, DefineThemeTokens, DefineThemeValue, Direction, KeyframeIdent, LayerScheme, LayersConfig, LoadingConfig, LoadingMethod, LoadingScheme, NoticeCloseStrategy, NoticeConfig, NoticePlacement, Orientation, Placement, SimpleDirection, SimplePlacement, SnacksConfig, StyledTheme, System, SystemUtils, TextDirection, Theme, ThemeComponentProps, ThemeConfig, ThemePath, ThemeProps, ThemeScheme, ThemeTokens, UsageTheme, UsageThemeTokens, WithoutThemeProps };
+export { Breakpoint, BreakpointConfig, BreakpointDirection, BreakpointIdentifier, CSSMap, CSSVars, ChangeThemeScheme, ColorMode, ColorModeWithSystem, ColorScheme, ComponentCompound, ComponentDefaultProps, ComponentSlotStyle, ComponentStyle, CustomTheme, CustomThemeTokens, DefaultTheme, DefineThemeAnimationTokens, DefineThemeBreakpointTokens, DefineThemeColorSchemeSemanticTokens, DefineThemeColorSchemeValue, DefineThemeColorSemanticToken, DefineThemeColorSemanticTokens, DefineThemeColorSemanticValue, DefineThemeKeyframeTokens, DefineThemeSchemeTokens, DefineThemeSemanticTokens, DefineThemeTokens, DefineThemeValue, Direction, KeyframeIdent, LayerScheme, LayersConfig, LoadingConfig, LoadingMethod, LoadingScheme, NoticeCloseStrategy, NoticeConfig, NoticePlacement, Orientation, Placement, SimpleDirection, SimplePlacement, SnacksConfig, StyledTheme, System, SystemUtils, TextDirection, Theme, ThemeComponentProps, ThemeConfig, ThemePath, ThemeProps, ThemeScheme, ThemeTokens, UsageTheme, UsageThemeTokens, WithoutThemeProps };
 //# sourceMappingURL=index.types.d.ts.map

package/dist/types/core/system/var.d.ts

@@ -1,5 +1,5 @@
 import { Dict } from "../../utils/index.js";
-import { CSSMap, System, UsageTheme } from "./index.types.js";
+import { CSSMap, CSSVars, System, UsageTheme } from "./index.types.js";
 import { Breakpoints } from "./breakpoint.js";
 import { ThemeToken, VariableTokens } from "./create-system.js";
 import "./index.js";
@@ -11,17 +11,18 @@ declare function getVar(token: string, fallback?: string): string;
 declare function getVarName(system: System): (token: string) => string;
 declare function getColorSchemeVar(system: System): (value: any, fallback?: string) => any;
 declare const isColorScheme: (token: any) => boolean;
-declare function createVars(prefix: string | undefined, theme: UsageTheme, breakpoints: Breakpoints, rootNode?: System["rootNode"]): (tokens: VariableTokens) => (cssMap?: CSSMap, cssVars?: Dict, prevTokens?: VariableTokens) => {
+declare function createVars(prefix: string | undefined, theme: UsageTheme, breakpoints: Breakpoints, rootNode?: System["rootNode"]): (tokens: VariableTokens) => (cssMap?: CSSMap, cssVars?: CSSVars, prevTokens?: VariableTokens) => {
   cssMap: CSSMap;
-  cssVars: Dict;
+  cssVars: CSSVars;
 };
 type CreateVars = ReturnType<ReturnType<typeof createVars>>;
 declare function mergeVars(...fns: CreateVars[]): (prevTokens?: VariableTokens) => {
   cssMap: CSSMap;
-  cssVars: Dict<any>;
+  cssVars: CSSVars;
 };
+declare function createVarRules(varRoot: string, cssVars: CSSVars): Dict;
 declare function varAttr<Y = StyleValueWithCondition<number | string>>(value: undefined | Y, token?: ThemeToken, fallbackValue?: string): undefined | Y;
 declare function injectVars<Y extends Dict | Dict[] | undefined>(objOrArray: Y, targets: { [key in CSSProperties]?: string; }, isInvalidProp?: (prop: string) => boolean): Y;
 //#endregion
-export { CreateVars, createVars, getColorSchemeVar, getVar, getVarName, injectVars, isColorScheme, mergeVars, transformInterpolation, varAttr };
+export { CreateVars, createVarRules, createVars, getColorSchemeVar, getVar, getVarName, injectVars, isColorScheme, mergeVars, transformInterpolation, varAttr };
 //# sourceMappingURL=var.d.ts.map