@niibase/uniwind 1.6.2 → 1.6.4

package/CHANGELOG.md

@@ -1,3 +1,48 @@
+## What's Changed in 1.6.4
+
+
+
+### 🚀 Features
+
+* getCSSVariable function to get css variable outside of react (#521) by @Brentlok
+* parse inline-start inline-end border to RN (#515) by @Brentlok
+
+### 🐛 Bug Fixes
+
+* join border radius to fix some components (#517) by @Brentlok
+* remove deprecated push notification ios export (#516) by @Brentlok
+
+### 📦 Other
+
+* Merge branch 'pre-release' by @divineniiquaye
+
+
+**Full Changelog**: https://github.com/divineniiquaye/uniwind/compare/v1.6.3...v1.6.4
+
+
+## What's Changed in 1.6.3
+
+
+
+### 🐛 Bug Fixes
+
+* use node resolver to prevent escaped traversal errors (#506) by @Brentlok
+* updateCSSVariable inside scoped theme (#502) by @Brentlok
+* inject cjs instead of esm to initialize (#501) by @Brentlok
+
+### 🏠 Chores
+
+* update config attributes and lint rules (#504) by @Brentlok
+* use oxlint instead of eslint (#503) by @Brentlok
+
+### 📦 Other
+
+* Merge branch 'pre-release' by @divineniiquaye
+
+
+**Full Changelog**: https://github.com/divineniiquaye/uniwind/compare/v1.6.2...v1.6.3
+
+
 ## What's Changed in 1.6.2
 
 

package/dist/common/common/utils.js

@@ -3,6 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isDefined = void 0;
+exports.isDefined = exports.arrayEquals = void 0;
 const isDefined = value => value !== void 0 && value !== null;
-exports.isDefined = isDefined;
+exports.isDefined = isDefined;
+const arrayEquals = (a, b) => {
+  if (a.length !== b.length) {
+    return false;
+  }
+  return a.every((value, index) => value === b[index]);
+};
+exports.arrayEquals = arrayEquals;

package/dist/common/components/index.js

@@ -197,9 +197,6 @@ module.exports = {
   get PlatformColor() {
     return require("react-native").PlatformColor;
   },
-  get PushNotificationIOS() {
-    return require("react-native").PushNotificationIOS;
-  },
   get processColor() {
     return require("react-native").processColor;
   },

package/dist/common/core/config/config.common.js

@@ -7,6 +7,7 @@ exports.UniwindConfigBuilder = exports.Uniwind = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _withUniwind = require("../../hoc/withUniwind");
+var _useCSSVariable = require("../../hooks/useCSSVariable/useCSSVariable");
 var _types = require("../../types");
 var _listener = require("../listener");
 const SYSTEM_THEME = "system";
@@ -84,13 +85,15 @@ class UniwindConfigBuilder {
       }
     }
   }
-  updateCSSVariables(theme, variables) {
-    theme;
-    variables;
-  }
-  updateInsets(insets) {
-    insets;
-  }
+  // oxlint-disable-next-line typescript/no-unused-vars
+  updateCSSVariables(theme, cssVariables) {}
+  // oxlint-disable-next-line typescript/no-unused-vars
+  updateInsets(insets) {}
+  getCSSVariable = variableName => {
+    return (0, _useCSSVariable.getCSSVariable)(variableName, {
+      scopedTheme: null
+    });
+  };
   __reinit(_, themes) {
     this._themes = themes;
   }

package/dist/common/core/config/config.js

@@ -4,50 +4,69 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Uniwind = void 0;
+var _utils = require("../../common/utils");
 var _types = require("../../types");
 var _listener = require("../listener");
 var _logger = require("../logger");
+var _web = require("../web");
 var _config = require("./config.common");
 class UniwindConfigBuilder extends _config.UniwindConfigBuilder {
-  runtimeCSSVariables = /* @__PURE__ */new Map();
+  cssRules;
   constructor() {
     super();
   }
   updateCSSVariables(theme, variables) {
+    if (typeof document === "undefined") {
+      return;
+    }
+    const uniwindRules = this.getUniwindDynamicCSSRules();
     Object.entries(variables).forEach(([varName, varValue]) => {
       if (!varName.startsWith("--") && __DEV__) {
         _logger.Logger.error(`CSS variable name must start with "--", instead got: ${varName}`);
-        return;
-      }
-      const runtimeCSSVariables = this.runtimeCSSVariables.get(theme) ?? {};
-      runtimeCSSVariables[varName] = varValue;
-      this.runtimeCSSVariables.set(theme, runtimeCSSVariables);
-      if (theme === this.currentTheme) {
-        this.applyCSSVariable(varName, varValue);
       }
+      const existingRules = Object.fromEntries(uniwindRules.map(rule => [rule.theme, (0, _web.getWebVariable)(varName, {
+        scopedTheme: rule.theme
+      })]));
+      uniwindRules.forEach(rule => {
+        if (rule.theme === theme) {
+          rule.style.setProperty(varName, typeof varValue === "number" ? `${varValue}px` : varValue);
+          return;
+        }
+        rule.style.setProperty(varName, existingRules[rule.theme] ?? null);
+      });
     });
-    if (theme === this.currentTheme) {
-      _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
-    }
+    _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
   }
-  onThemeChange() {
-    if (typeof document === "undefined") {
+  __reinit(generateStyleSheetCallback, themes) {
+    const oldThemes = this.themes;
+    super.__reinit(generateStyleSheetCallback, themes);
+    if ((0, _utils.arrayEquals)(themes, oldThemes)) {
       return;
     }
-    document.documentElement.removeAttribute("style");
-    const runtimeCSSVariables = this.runtimeCSSVariables.get(this.currentTheme);
-    if (!runtimeCSSVariables) {
-      return;
+    this.cssRules = void 0;
+    if (typeof document !== "undefined") {
+      document.querySelector("#uniwind-dynamic-styles")?.remove();
     }
-    Object.entries(runtimeCSSVariables).forEach(([varName, varValue]) => {
-      this.applyCSSVariable(varName, varValue);
-    });
   }
-  applyCSSVariable(varName, varValue) {
+  getUniwindDynamicCSSRules() {
+    if (this.cssRules) {
+      return this.cssRules;
+    }
     if (typeof document === "undefined") {
-      return;
+      return [];
     }
-    document.documentElement.style.setProperty(varName, typeof varValue === "number" ? `${varValue}px` : varValue);
+    const styleElement = document.createElement("style");
+    styleElement.innerText = this.themes.reduce((acc, theme) => {
+      return `${acc}.${theme}{}`;
+    }, "");
+    styleElement.setAttribute("id", "uniwind-dynamic-styles");
+    document.head.appendChild(styleElement);
+    const cssRules = Array.from(styleElement.sheet?.cssRules ?? []).filter(rule => "selectorText" in rule && "style" in rule).map(rule => ({
+      style: rule.style,
+      theme: rule.selectorText.replace(".", "")
+    }));
+    this.cssRules = cssRules;
+    return cssRules;
   }
 }
 const Uniwind = exports.Uniwind = new UniwindConfigBuilder();

package/dist/common/core/config/config.native.js

@@ -37,9 +37,7 @@ class UniwindConfigBuilder extends _config.UniwindConfigBuilder {
         get: getValue
       });
     });
-    if (theme === this.currentTheme) {
-      _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
-    }
+    _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
   }
   updateInsets(insets) {
     _native.UniwindStore.runtime.insets.bottom = insets.bottom ?? 0;

package/dist/common/core/web/cssListener.js

@@ -54,7 +54,7 @@ class CSSListenerBuilder {
       listeners?.add(listener);
       disposables.push(() => listeners?.delete(listener));
     });
-    const disposeThemeListener = _listener.UniwindListener.subscribe(listener, [_types.StyleDependency.Theme]);
+    const disposeThemeListener = _listener.UniwindListener.subscribe(listener, [_types.StyleDependency.Theme, _types.StyleDependency.Variables]);
     return () => {
       disposables.forEach(disposable => disposable());
       disposeThemeListener();

package/dist/common/hooks/useCSSVariable/index.js

@@ -3,14 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _useCSSVariable = require("./useCSSVariable");
-Object.keys(_useCSSVariable).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useCSSVariable[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useCSSVariable[key];
-    }
-  });
-});
+Object.defineProperty(exports, "useCSSVariable", {
+  enumerable: true,
+  get: function () {
+    return _useCSSVariable.useCSSVariable;
+  }
+});
+var _useCSSVariable = require("./useCSSVariable");

package/dist/common/hooks/useCSSVariable/useCSSVariable.js

@@ -3,58 +3,57 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCSSVariable = void 0;
+exports.useCSSVariable = exports.getCSSVariable = void 0;
 var _react = require("react");
+var _utils = require("../../common/utils");
 var _context = require("../../core/context");
 var _listener = require("../../core/listener");
 var _logger = require("../../core/logger");
 var _types = require("../../types");
 var _getVariableValue = require("./getVariableValue");
-const getValue = (name, uniwindContext) => Array.isArray(name) ? name.map(name2 => (0, _getVariableValue.getVariableValue)(name2, uniwindContext)) : (0, _getVariableValue.getVariableValue)(name, uniwindContext);
-const arrayEquals = (a, b) => {
-  if (a.length !== b.length) {
-    return false;
-  }
-  return a.every((value, index) => value === b[index]);
-};
 let warned = false;
 const logDevError = name => {
   warned = true;
   _logger.Logger.warn(`We couldn't find your variable ${name}. Make sure it's used at least once in your className, or define it in a static theme as described in the docs: https://docs.uniwind.dev/api/use-css-variable`);
 };
+const getCSSVariable = (name, uniwindContext) => {
+  const value = Array.isArray(name) ? name.map(name2 => (0, _getVariableValue.getVariableValue)(name2, uniwindContext)) : (0, _getVariableValue.getVariableValue)(name, uniwindContext);
+  if (Array.isArray(value)) {
+    value.forEach((val, index) => {
+      if (val === void 0 && __DEV__ && !warned) {
+        logDevError(name[index] ?? "");
+      }
+    });
+  }
+  if (value === void 0 && __DEV__ && !warned) {
+    logDevError(name);
+  }
+  return value;
+};
+exports.getCSSVariable = getCSSVariable;
 const useCSSVariable = name => {
   const uniwindContext = (0, _context.useUniwindContext)();
-  const [value, setValue] = (0, _react.useState)(getValue(name, uniwindContext));
+  const [value, setValue] = (0, _react.useState)(getCSSVariable(name, uniwindContext));
   const nameRef = (0, _react.useRef)(name);
   (0, _react.useLayoutEffect)(() => {
     if (Array.isArray(name) && Array.isArray(nameRef.current)) {
-      if (arrayEquals(name, nameRef.current)) {
+      if ((0, _utils.arrayEquals)(name, nameRef.current)) {
         return;
       }
-      setValue(getValue(name, uniwindContext));
+      setValue(getCSSVariable(name, uniwindContext));
       nameRef.current = name;
       return;
     }
     if (name !== nameRef.current) {
-      setValue(getValue(name, uniwindContext));
+      setValue(getCSSVariable(name, uniwindContext));
       nameRef.current = name;
     }
   }, [name]);
   (0, _react.useLayoutEffect)(() => {
-    const updateValue = () => setValue(getValue(nameRef.current, uniwindContext));
+    const updateValue = () => setValue(getCSSVariable(nameRef.current, uniwindContext));
     const dispose = _listener.UniwindListener.subscribe(updateValue, [_types.StyleDependency.Theme, _types.StyleDependency.Variables]);
     return dispose;
   }, [uniwindContext]);
-  if (Array.isArray(value)) {
-    value.forEach((val, index) => {
-      if (val === void 0 && __DEV__ && !warned) {
-        logDevError(name[index] ?? "");
-      }
-    });
-  }
-  if (value === void 0 && __DEV__ && !warned) {
-    logDevError(name);
-  }
   return value;
 };
 exports.useCSSVariable = useCSSVariable;

package/dist/metro/index.cjs

@@ -78,8 +78,11 @@ const nativeResolver = (extraComponents) => ({
 }) => {
   const resolution = resolver(context, moduleName, platform);
   if (cachedInternalBasePath === null) {
-    const componentsResolution = resolver(context, `${common.name}/components`, platform);
-    cachedInternalBasePath = componentsResolution.type === "sourceFile" ? node_path.join(node_path.dirname(componentsResolution.filePath), "../..") : "";
+    try {
+      cachedInternalBasePath = node_path.dirname(require.resolve(`${common.name}/package.json`));
+    } catch {
+      cachedInternalBasePath = "";
+    }
   }
   const isInternal = cachedInternalBasePath !== "" && context.originModulePath.startsWith(cachedInternalBasePath);
   const isFromNodeModules = context.originModulePath.includes(`${node_path.sep}node_modules${node_path.sep}`);
@@ -115,8 +118,11 @@ const webResolver = (extraComponents) => ({
 }) => {
   const resolution = resolver(context, moduleName, platform);
   if (cachedInternalBasePath === null) {
-    const componentsResolution = resolver(context, `${common.name}/components`, platform);
-    cachedInternalBasePath = componentsResolution.type === "sourceFile" ? node_path.join(node_path.dirname(componentsResolution.filePath), "../../../..") : "";
+    try {
+      cachedInternalBasePath = node_path.dirname(require.resolve(`${common.name}/package.json`));
+    } catch {
+      cachedInternalBasePath = "";
+    }
   }
   if (cachedInternalBasePath !== "" && context.originModulePath.startsWith(cachedInternalBasePath) || resolution.type !== "sourceFile" || !resolution.filePath.includes(`${node_path.sep}react-native-web${node_path.sep}`)) {
     return resolution;

package/dist/metro/index.mjs

@@ -2,7 +2,7 @@ import { P as Platform } from '../shared/uniwind.JSWK3vHl.mjs';
 import FileStoreBase from 'metro-cache/private/stores/FileStore';
 import os from 'os';
 import path from 'path';
-import { join, dirname, sep, basename } from 'node:path';
+import { dirname, sep, basename } from 'node:path';
 import { n as name, u as uniq } from '../shared/uniwind.PtWWxxnh.mjs';
 
 class FileStore extends FileStoreBase {
@@ -70,8 +70,11 @@ const nativeResolver = (extraComponents) => ({
 }) => {
   const resolution = resolver(context, moduleName, platform);
   if (cachedInternalBasePath === null) {
-    const componentsResolution = resolver(context, `${name}/components`, platform);
-    cachedInternalBasePath = componentsResolution.type === "sourceFile" ? join(dirname(componentsResolution.filePath), "../..") : "";
+    try {
+      cachedInternalBasePath = dirname(require.resolve(`${name}/package.json`));
+    } catch {
+      cachedInternalBasePath = "";
+    }
   }
   const isInternal = cachedInternalBasePath !== "" && context.originModulePath.startsWith(cachedInternalBasePath);
   const isFromNodeModules = context.originModulePath.includes(`${sep}node_modules${sep}`);
@@ -107,8 +110,11 @@ const webResolver = (extraComponents) => ({
 }) => {
   const resolution = resolver(context, moduleName, platform);
   if (cachedInternalBasePath === null) {
-    const componentsResolution = resolver(context, `${name}/components`, platform);
-    cachedInternalBasePath = componentsResolution.type === "sourceFile" ? join(dirname(componentsResolution.filePath), "../../../..") : "";
+    try {
+      cachedInternalBasePath = dirname(require.resolve(`${name}/package.json`));
+    } catch {
+      cachedInternalBasePath = "";
+    }
   }
   if (cachedInternalBasePath !== "" && context.originModulePath.startsWith(cachedInternalBasePath) || resolution.type !== "sourceFile" || !resolution.filePath.includes(`${sep}react-native-web${sep}`)) {
     return resolution;

package/dist/metro/metro-transformer.cjs

@@ -158,8 +158,7 @@ const addMetaToStylesTemplate = (Processor, currentPlatform) => {
         minWidth,
         maxWidth,
         colorScheme,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        important,
+        important: _,
         importantProperties,
         active,
         focus,
@@ -961,7 +960,6 @@ class CSS {
     this.logUnsupported(`Unsupported value - ${JSON.stringify(declarationValue)}`);
     return void 0;
   }
-  // eslint-disable-next-line @typescript-eslint/member-ordering
   static TRANSFORM_TYPES = /* @__PURE__ */ new Set([
     "translate",
     "translateX",
@@ -1487,6 +1485,7 @@ const cssToRNMap = {
 };
 const BORDER_WIDTH_KEYS = ["borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth"];
 const BORDER_COLOR_KEYS = ["borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor"];
+const BORDER_RADIUS_KEYS = ["borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius"];
 class RN {
   constructor(Processor) {
     this.Processor = Processor;
@@ -1498,6 +1497,9 @@ class RN {
         if (x.includes("padding") || x.includes("margin")) {
           return x.replace("InlineStart", "Start").replace("InlineEnd", "End").replace("Inline", "Horizontal").replace("Block", "Vertical");
         }
+        if (x.includes("border")) {
+          return x.replace("InlineStart", "Start").replace("InlineEnd", "End");
+        }
         return x;
       }
     );
@@ -1601,6 +1603,15 @@ class RN {
         };
       }
     }
+    if (BORDER_RADIUS_KEYS.every((key) => keys.includes(key))) {
+      const borderRadius = styles.borderTopLeftRadius;
+      if (BORDER_RADIUS_KEYS.every((key) => styles[key] === borderRadius)) {
+        return {
+          ...common.removeKeys(styles, BORDER_RADIUS_KEYS),
+          borderRadius
+        };
+      }
+    }
     return styles;
   }
 }
@@ -2124,7 +2135,7 @@ const transform = async (config, projectRoot, filePath, data, options) => {
   const isWeb = platform === consts.Platform.Web;
   data = Buffer.from(
     isWeb ? virtualCode : [
-      `import { Uniwind } from '${common.name}';`,
+      `const { Uniwind } = require('${common.name}');`,
       `Uniwind.__reinit(rt => ${virtualCode}, ${injectedThemesCode});`
     ].join(""),
     "utf-8"

package/dist/metro/metro-transformer.mjs

@@ -151,8 +151,7 @@ const addMetaToStylesTemplate = (Processor, currentPlatform) => {
         minWidth,
         maxWidth,
         colorScheme,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        important,
+        important: _,
         importantProperties,
         active,
         focus,
@@ -954,7 +953,6 @@ class CSS {
     this.logUnsupported(`Unsupported value - ${JSON.stringify(declarationValue)}`);
     return void 0;
   }
-  // eslint-disable-next-line @typescript-eslint/member-ordering
   static TRANSFORM_TYPES = /* @__PURE__ */ new Set([
     "translate",
     "translateX",
@@ -1480,6 +1478,7 @@ const cssToRNMap = {
 };
 const BORDER_WIDTH_KEYS = ["borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth"];
 const BORDER_COLOR_KEYS = ["borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor"];
+const BORDER_RADIUS_KEYS = ["borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius"];
 class RN {
   constructor(Processor) {
     this.Processor = Processor;
@@ -1491,6 +1490,9 @@ class RN {
         if (x.includes("padding") || x.includes("margin")) {
           return x.replace("InlineStart", "Start").replace("InlineEnd", "End").replace("Inline", "Horizontal").replace("Block", "Vertical");
         }
+        if (x.includes("border")) {
+          return x.replace("InlineStart", "Start").replace("InlineEnd", "End");
+        }
         return x;
       }
     );
@@ -1594,6 +1596,15 @@ class RN {
         };
       }
     }
+    if (BORDER_RADIUS_KEYS.every((key) => keys.includes(key))) {
+      const borderRadius = styles.borderTopLeftRadius;
+      if (BORDER_RADIUS_KEYS.every((key) => styles[key] === borderRadius)) {
+        return {
+          ...removeKeys(styles, BORDER_RADIUS_KEYS),
+          borderRadius
+        };
+      }
+    }
     return styles;
   }
 }
@@ -2117,7 +2128,7 @@ const transform = async (config, projectRoot, filePath, data, options) => {
   const isWeb = platform === Platform.Web;
   data = Buffer.from(
     isWeb ? virtualCode : [
-      `import { Uniwind } from '${name}';`,
+      `const { Uniwind } = require('${name}');`,
       `Uniwind.__reinit(rt => ${virtualCode}, ${injectedThemesCode});`
     ].join(""),
     "utf-8"

package/dist/module/common/utils.d.ts

@@ -1 +1,2 @@
 export declare const isDefined: <T>(value: T) => value is NonNullable<T>;
+export declare const arrayEquals: <T>(a: Array<T>, b: Array<T>) => boolean;

package/dist/module/common/utils.js

@@ -1 +1,7 @@
 export const isDefined = (value) => value !== void 0 && value !== null;
+export const arrayEquals = (a, b) => {
+  if (a.length !== b.length) {
+    return false;
+  }
+  return a.every((value, index) => value === b[index]);
+};

package/dist/module/components/index.js

@@ -195,9 +195,6 @@ module.exports = {
   get PlatformColor() {
     return require("react-native").PlatformColor;
   },
-  get PushNotificationIOS() {
-    return require("react-native").PushNotificationIOS;
-  },
   get processColor() {
     return require("react-native").processColor;
   },

package/dist/module/core/config/config.common.d.ts

@@ -1,6 +1,7 @@
 import { ComponentPropsWithRef, ElementType } from 'react';
 import { Insets } from 'react-native';
 import { ApplyUniwind } from '../../hoc/types';
+import { GetCSSVariable } from '../../hooks/useCSSVariable/useCSSVariable';
 import { CSSVariables, GenerateStyleSheetsCallback, ThemeName } from '../types';
 declare const SYSTEM_THEME: "system";
 export declare class UniwindConfigBuilder {
@@ -15,8 +16,9 @@ export declare class UniwindConfigBuilder {
         as: T;
     } & ApplyUniwind<Omit<ComponentPropsWithRef<T>, 'as'>>): import("react").FunctionComponentElement<any>;
     setTheme(theme: ThemeName | typeof SYSTEM_THEME): void;
-    updateCSSVariables(theme: ThemeName, variables: CSSVariables): void;
+    updateCSSVariables(theme: ThemeName, cssVariables: CSSVariables): void;
     updateInsets(insets: Insets): void;
+    getCSSVariable: GetCSSVariable;
     protected __reinit(_: GenerateStyleSheetsCallback, themes: Array<string>): void;
     protected onThemeChange(): void;
 }

package/dist/module/core/config/config.common.js

@@ -1,6 +1,7 @@
 import { createElement, useMemo } from "react";
 import { Appearance, Platform } from "react-native";
 import { withUniwind } from "../../hoc/withUniwind.js";
+import { getCSSVariable } from "../../hooks/useCSSVariable/useCSSVariable.js";
 import { ColorScheme, StyleDependency } from "../../types.js";
 import { UniwindListener } from "../listener.js";
 const SYSTEM_THEME = "system";
@@ -76,13 +77,15 @@ export class UniwindConfigBuilder {
       }
     }
   }
-  updateCSSVariables(theme, variables) {
-    theme;
-    variables;
+  // oxlint-disable-next-line typescript/no-unused-vars
+  updateCSSVariables(theme, cssVariables) {
   }
+  // oxlint-disable-next-line typescript/no-unused-vars
   updateInsets(insets) {
-    insets;
   }
+  getCSSVariable = ((variableName) => {
+    return getCSSVariable(variableName, { scopedTheme: null });
+  });
   __reinit(_, themes) {
     this._themes = themes;
   }

package/dist/module/core/config/config.d.ts

@@ -1,11 +1,11 @@
-import { CSSVariables, ThemeName } from '../types';
+import { CSSVariables, GenerateStyleSheetsCallback, ThemeName } from '../types';
 import { UniwindConfigBuilder as UniwindConfigBuilderBase } from './config.common';
 declare class UniwindConfigBuilder extends UniwindConfigBuilderBase {
-    private runtimeCSSVariables;
+    private cssRules?;
     constructor();
     updateCSSVariables(theme: ThemeName, variables: CSSVariables): void;
-    protected onThemeChange(): void;
-    private applyCSSVariable;
+    protected __reinit(generateStyleSheetCallback: GenerateStyleSheetsCallback, themes: Array<string>): void;
+    private getUniwindDynamicCSSRules;
 }
 export declare const Uniwind: UniwindConfigBuilder;
 export {};