@xsolla/xui-core 0.104.0 → 0.106.0-pr172.1772431161

package/index.d.mts

@@ -4771,26 +4771,31 @@ declare const themeConfig: (mode?: ThemeMode) => {
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         };
         switch: (size: "xl" | "lg" | "md" | "sm") => {
             width: number;
@@ -5383,7 +5388,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
             containerPadding: number;
             groupGap: number;
         };
-        toggleButtonGroup: (size: "xl" | "lg" | "md" | "sm") => {
+        toggleButtonGroup: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
+            height: number;
+            paddingHorizontal: number;
+            fontSize: number;
+            lineHeight: number;
+            iconSize: number;
+            gap: number;
+            borderRadius: number;
+            itemGap: number;
+        } | {
             height: number;
             paddingHorizontal: number;
             fontSize: number;

package/index.d.ts

@@ -4771,26 +4771,31 @@ declare const themeConfig: (mode?: ThemeMode) => {
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
+            radius: number;
         };
         switch: (size: "xl" | "lg" | "md" | "sm") => {
             width: number;
@@ -5383,7 +5388,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
             containerPadding: number;
             groupGap: number;
         };
-        toggleButtonGroup: (size: "xl" | "lg" | "md" | "sm") => {
+        toggleButtonGroup: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
+            height: number;
+            paddingHorizontal: number;
+            fontSize: number;
+            lineHeight: number;
+            iconSize: number;
+            gap: number;
+            borderRadius: number;
+            itemGap: number;
+        } | {
             height: number;
             paddingHorizontal: number;
             fontSize: number;

package/index.js

@@ -1905,7 +1905,7 @@ var themeConfig = (mode = "dark") => ({
           paddingHorizontal: 12,
           fontSize: 20,
           iconSize: 18,
-          radius: 4,
+          radius: 8,
           borderWidth: 2,
           fieldGap: 8,
           lineHeight: 20
@@ -1916,7 +1916,7 @@ var themeConfig = (mode = "dark") => ({
           paddingHorizontal: 12,
           fontSize: 18,
           iconSize: 18,
-          radius: 4,
+          radius: 8,
           borderWidth: 2,
           fieldGap: 6,
           lineHeight: 18
@@ -1927,7 +1927,7 @@ var themeConfig = (mode = "dark") => ({
           paddingHorizontal: 12,
           fontSize: 16,
           iconSize: 18,
-          radius: 2,
+          radius: 8,
           borderWidth: 1,
           fieldGap: 4,
           lineHeight: 16
@@ -1938,7 +1938,7 @@ var themeConfig = (mode = "dark") => ({
           paddingHorizontal: 10,
           fontSize: 14,
           iconSize: 18,
-          radius: 2,
+          radius: 4,
           borderWidth: 1,
           fieldGap: 4,
           lineHeight: 14
@@ -1949,7 +1949,7 @@ var themeConfig = (mode = "dark") => ({
           paddingHorizontal: 10,
           fontSize: 12,
           iconSize: 18,
-          radius: 2,
+          radius: 4,
           borderWidth: 1,
           fieldGap: 4,
           lineHeight: 10
@@ -1959,21 +1959,51 @@ var themeConfig = (mode = "dark") => ({
     },
     inputPin: (size) => {
       const configs = {
-        xl: { size: 64, gap: 10, fontSize: 20, radius: 4, borderWidth: 2 },
-        lg: { size: 56, gap: 8, fontSize: 18, radius: 4, borderWidth: 2 },
-        md: { size: 48, gap: 6, fontSize: 16, radius: 2, borderWidth: 1 },
-        sm: { size: 40, gap: 4, fontSize: 14, radius: 2, borderWidth: 1 },
-        xs: { size: 32, gap: 4, fontSize: 12, radius: 2, borderWidth: 1 }
+        xl: { size: 64, gap: 10, fontSize: 20, radius: 8, borderWidth: 1 },
+        lg: { size: 56, gap: 8, fontSize: 18, radius: 8, borderWidth: 1 },
+        md: { size: 48, gap: 6, fontSize: 16, radius: 8, borderWidth: 1 },
+        sm: { size: 40, gap: 4, fontSize: 14, radius: 4, borderWidth: 1 },
+        xs: { size: 32, gap: 4, fontSize: 12, radius: 4, borderWidth: 1 }
       };
       return configs[size];
     },
     textarea: (size) => {
       const configs = {
-        xl: { height: 144, padding: spacing.xl, fontSize: 20, iconSize: 32 },
-        lg: { height: 128, padding: spacing.l, fontSize: 18, iconSize: 28 },
-        md: { height: 112, padding: spacing.m, fontSize: 16, iconSize: 24 },
-        sm: { height: 96, padding: spacing.s, fontSize: 14, iconSize: 20 },
-        xs: { height: 80, padding: spacing.xs, fontSize: 12, iconSize: 16 }
+        xl: {
+          height: 144,
+          padding: spacing.xl,
+          fontSize: 20,
+          iconSize: 32,
+          radius: 8
+        },
+        lg: {
+          height: 128,
+          padding: spacing.l,
+          fontSize: 18,
+          iconSize: 28,
+          radius: 8
+        },
+        md: {
+          height: 112,
+          padding: spacing.m,
+          fontSize: 16,
+          iconSize: 24,
+          radius: 8
+        },
+        sm: {
+          height: 96,
+          padding: spacing.s,
+          fontSize: 14,
+          iconSize: 20,
+          radius: 4
+        },
+        xs: {
+          height: 80,
+          padding: spacing.xs,
+          fontSize: 12,
+          iconSize: 16,
+          radius: 4
+        }
       };
       return configs[size];
     },
@@ -2556,17 +2586,17 @@ var themeConfig = (mode = "dark") => ({
       const configs = {
         xl: {
           height: 64,
-          paddingHorizontal: 20,
+          paddingHorizontal: 18,
           fontSize: 20,
           lineHeight: 22,
           iconSize: 24,
-          gap: 4,
+          gap: 6,
           borderRadius: 8,
           itemGap: 8
         },
         lg: {
           height: 56,
-          paddingHorizontal: 20,
+          paddingHorizontal: 16,
           fontSize: 18,
           lineHeight: 20,
           iconSize: 24,
@@ -2576,7 +2606,7 @@ var themeConfig = (mode = "dark") => ({
         },
         md: {
           height: 48,
-          paddingHorizontal: 20,
+          paddingHorizontal: 16,
           fontSize: 16,
           lineHeight: 18,
           iconSize: 24,
@@ -2586,13 +2616,23 @@ var themeConfig = (mode = "dark") => ({
         },
         sm: {
           height: 40,
-          paddingHorizontal: 20,
+          paddingHorizontal: 12,
           fontSize: 14,
           lineHeight: 16,
-          iconSize: 20,
-          gap: 4,
+          iconSize: 24,
+          gap: 2,
           borderRadius: 4,
-          itemGap: 8
+          itemGap: 4
+        },
+        xs: {
+          height: 32,
+          paddingHorizontal: 12,
+          fontSize: 14,
+          lineHeight: 16,
+          iconSize: 24,
+          gap: 2,
+          borderRadius: 4,
+          itemGap: 4
         }
       };
       return configs[size];

package/index.js.flow

@@ -4525,31 +4525,36 @@ size: "xl"
 height: number,
 padding: number,
 fontSize: number,
-iconSize: number,...
+iconSize: number,
+radius: number,...
 }
 | {
 height: number,
 padding: number,
 fontSize: number,
-iconSize: number,...
+iconSize: number,
+radius: number,...
 }
 | {
 height: number,
 padding: number,
 fontSize: number,
-iconSize: number,...
+iconSize: number,
+radius: number,...
 }
 | {
 height: number,
 padding: number,
 fontSize: number,
-iconSize: number,...
+iconSize: number,
+radius: number,...
 }
 | {
 height: number,
 padding: number,
 fontSize: number,
-iconSize: number,...
+iconSize: number,
+radius: number,...
 },
 switch: (
 size: "xl" | "lg" | "md" | "sm") => {
@@ -5221,7 +5226,11 @@ containerPadding: number,
 groupGap: number,...
 },
 toggleButtonGroup: (
-size: "xl" | "lg" | "md" | "sm") => {
+size: "xl"
+| "lg"
+| "md"
+| "sm"
+| "xs") => {
 height: number,
 paddingHorizontal: number,
 fontSize: number,
@@ -5230,7 +5239,8 @@ iconSize: number,
 gap: number,
 borderRadius: number,
 itemGap: number,...
-} | {
+}
+| {
 height: number,
 paddingHorizontal: number,
 fontSize: number,
@@ -5239,7 +5249,8 @@ iconSize: number,
 gap: number,
 borderRadius: number,
 itemGap: number,...
-} | {
+}
+| {
 height: number,
 paddingHorizontal: number,
 fontSize: number,
@@ -5248,7 +5259,18 @@ iconSize: number,
 gap: number,
 borderRadius: number,
 itemGap: number,...
-} | {
+}
+| {
+height: number,
+paddingHorizontal: number,
+fontSize: number,
+lineHeight: number,
+iconSize: number,
+gap: number,
+borderRadius: number,
+itemGap: number,...
+}
+| {
 height: number,
 paddingHorizontal: number,
 fontSize: number,