@xsolla/xui-core 0.126.0 → 0.127.0-pr198.1774943045

package/index.d.mts

@@ -5905,37 +5905,47 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         };
         divider: (size: "lg" | "md" | "sm") => {
             height: number;

package/index.d.ts

@@ -5905,37 +5905,47 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
+            lineHeight: number;
             gap: number;
             iconSize: number;
             radius: number;
+            borderWidth: number;
         };
         divider: (size: "lg" | "md" | "sm") => {
             height: number;

package/index.js

@@ -2262,7 +2262,18 @@ FontLoader.displayName = "FontLoader";
 
 // src/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var DEPRECATED_MODES = /* @__PURE__ */ new Set([
+  "xsolla-dark",
+  "xsolla-light",
+  "xsollaDark",
+  "xsollaLight"
+]);
 var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
+  if (DEPRECATED_MODES.has(mode)) {
+    console.warn(
+      `Theme mode "${mode}" is deprecated and will be removed in the next major update. Please migrate to "dark" or "light".`
+    );
+  }
   const contextFonts = getFonts(productContext);
   return {
     colors: colors[mode],
@@ -2741,43 +2752,53 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
         const configs = {
           xl: {
             height: 48,
-            padding: 20,
+            padding: 13,
             fontSize: 20,
-            gap: 10,
-            iconSize: 24,
-            radius: radius.tagLarge
+            lineHeight: 22,
+            gap: 4,
+            iconSize: 22,
+            radius: 8,
+            borderWidth: 1
           },
           lg: {
             height: 40,
-            padding: 16,
+            padding: 10,
             fontSize: 18,
-            gap: 8,
-            iconSize: 24,
-            radius: radius.tagLarge
+            lineHeight: 20,
+            gap: 4,
+            iconSize: 20,
+            radius: 8,
+            borderWidth: 1
           },
           md: {
             height: 32,
-            padding: 12,
+            padding: 7,
             fontSize: 16,
-            gap: 6,
-            iconSize: 16,
-            radius: radius.tagMedium
+            lineHeight: 18,
+            gap: 2,
+            iconSize: 18,
+            radius: 6,
+            borderWidth: 1
           },
           sm: {
             height: 24,
-            padding: 8,
+            padding: 4,
             fontSize: 14,
-            gap: 4,
+            lineHeight: 16,
+            gap: 2,
             iconSize: 16,
-            radius: radius.tagMedium
+            radius: 4,
+            borderWidth: 1
           },
           xs: {
             height: 20,
-            padding: 6,
+            padding: 3,
             fontSize: 12,
-            gap: 4,
-            iconSize: 16,
-            radius: radius.tagSmall
+            lineHeight: 14,
+            gap: 2,
+            iconSize: 14,
+            radius: 4,
+            borderWidth: 1
           }
         };
         return configs[size];