@xsolla/xui-core 0.139.0 → 0.140.0-pr235.1776848745

package/index.d.mts

@@ -97,12 +97,12 @@ var content = {
 	secondary: "rgba(232, 236, 237, 0.72)",
 	tertiary: "rgba(232, 236, 237, 0.58)",
 	brand: {
-		primary: "#80eaff",
+		primary: "#31cae8",
 		secondary: "#55dcf6"
 	},
 	brandExtra: {
 		primary: "#cef655",
-		secondary: "#9bc323"
+		secondary: "#9580ff"
 	},
 	inverse: "#000000",
 	"static": {
@@ -127,7 +127,7 @@ var content = {
 	},
 	on: {
 		brand: "#000000",
-		brandExtra: "#000000",
+		brandExtra: "#ffffff",
 		success: "#000000",
 		warning: "#000000",
 		alert: "#ffffff",
@@ -138,7 +138,7 @@ var border = {
 	primary: "#ffffff",
 	secondary: "rgba(178, 242, 255, 0.1)",
 	brand: "#31cae8",
-	brandExtra: "#9bc323",
+	brandExtra: "#9580ff",
 	inverse: "rgba(0, 0, 0, 0.15)",
 	success: "#3dc322",
 	warning: "#c37822",
@@ -269,9 +269,9 @@ var control = {
 			borderPress: "rgba(255, 255, 255, 0)"
 		},
 		text: {
-			primary: "#000000",
+			primary: "#ffffff",
 			secondary: "#ffffff",
-			tertiary: "#cef655",
+			tertiary: "#9580ff",
 			ghost: "#cef655"
 		},
 		ghost: {
@@ -380,8 +380,8 @@ var control = {
 	link: {
 		primary: "#55dcf6",
 		primaryHover: "#80eaff",
-		secondary: "#cef655",
-		secondaryHover: "#dfff80"
+		secondary: "#9580ff",
+		secondaryHover: "#bfb2ff"
 	},
 	segmented: {
 		bg: "rgba(178, 242, 255, 0.1)",

package/index.d.ts

@@ -97,12 +97,12 @@ var content = {
 	secondary: "rgba(232, 236, 237, 0.72)",
 	tertiary: "rgba(232, 236, 237, 0.58)",
 	brand: {
-		primary: "#80eaff",
+		primary: "#31cae8",
 		secondary: "#55dcf6"
 	},
 	brandExtra: {
 		primary: "#cef655",
-		secondary: "#9bc323"
+		secondary: "#9580ff"
 	},
 	inverse: "#000000",
 	"static": {
@@ -127,7 +127,7 @@ var content = {
 	},
 	on: {
 		brand: "#000000",
-		brandExtra: "#000000",
+		brandExtra: "#ffffff",
 		success: "#000000",
 		warning: "#000000",
 		alert: "#ffffff",
@@ -138,7 +138,7 @@ var border = {
 	primary: "#ffffff",
 	secondary: "rgba(178, 242, 255, 0.1)",
 	brand: "#31cae8",
-	brandExtra: "#9bc323",
+	brandExtra: "#9580ff",
 	inverse: "rgba(0, 0, 0, 0.15)",
 	success: "#3dc322",
 	warning: "#c37822",
@@ -269,9 +269,9 @@ var control = {
 			borderPress: "rgba(255, 255, 255, 0)"
 		},
 		text: {
-			primary: "#000000",
+			primary: "#ffffff",
 			secondary: "#ffffff",
-			tertiary: "#cef655",
+			tertiary: "#9580ff",
 			ghost: "#cef655"
 		},
 		ghost: {
@@ -380,8 +380,8 @@ var control = {
 	link: {
 		primary: "#55dcf6",
 		primaryHover: "#80eaff",
-		secondary: "#cef655",
-		secondaryHover: "#dfff80"
+		secondary: "#9580ff",
+		secondaryHover: "#bfb2ff"
 	},
 	segmented: {
 		bg: "rgba(178, 242, 255, 0.1)",

package/index.js

@@ -109,12 +109,12 @@ var pentagram_dark_default = {
     secondary: "rgba(232, 236, 237, 0.72)",
     tertiary: "rgba(232, 236, 237, 0.58)",
     brand: {
-      primary: "#80eaff",
+      primary: "#31cae8",
       secondary: "#55dcf6"
     },
     brandExtra: {
       primary: "#cef655",
-      secondary: "#9bc323"
+      secondary: "#9580ff"
     },
     inverse: "#000000",
     static: {
@@ -139,7 +139,7 @@ var pentagram_dark_default = {
     },
     on: {
       brand: "#000000",
-      brandExtra: "#000000",
+      brandExtra: "#ffffff",
       success: "#000000",
       warning: "#000000",
       alert: "#ffffff",
@@ -150,7 +150,7 @@ var pentagram_dark_default = {
     primary: "#ffffff",
     secondary: "rgba(178, 242, 255, 0.1)",
     brand: "#31cae8",
-    brandExtra: "#9bc323",
+    brandExtra: "#9580ff",
     inverse: "rgba(0, 0, 0, 0.15)",
     success: "#3dc322",
     warning: "#c37822",
@@ -281,9 +281,9 @@ var pentagram_dark_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       text: {
-        primary: "#000000",
+        primary: "#ffffff",
         secondary: "#ffffff",
-        tertiary: "#cef655",
+        tertiary: "#9580ff",
         ghost: "#cef655"
       },
       ghost: {
@@ -392,8 +392,8 @@ var pentagram_dark_default = {
     link: {
       primary: "#55dcf6",
       primaryHover: "#80eaff",
-      secondary: "#cef655",
-      secondaryHover: "#dfff80"
+      secondary: "#9580ff",
+      secondaryHover: "#bfb2ff"
     },
     segmented: {
       bg: "rgba(178, 242, 255, 0.1)",
@@ -537,7 +537,7 @@ var pentagram_light_default = {
     },
     on: {
       brand: "#000000",
-      brandExtra: "#000000",
+      brandExtra: "#ffffff",
       success: "#000000",
       warning: "#000000",
       alert: "#ffffff",
@@ -679,7 +679,7 @@ var pentagram_light_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       text: {
-        primary: "#000000",
+        primary: "#ffffff",
         secondary: "#000000",
         tertiary: "#79971b",
         ghost: "#79971b"
@@ -2569,37 +2569,37 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
           xl: {
             size: 64,
             fontSize: 20,
-            iconSize: 48,
+            iconSize: 32,
             badgeSize: 20,
             badgeOffsetCircle: { right: -4, top: -4 },
             badgeOffsetSquare: { right: -8, top: -8 },
-            borderRadiusSquare: radius.avatarSmall,
+            borderRadiusSquare: 8,
             borderRadiusCircle: radius.avatarCircle
           },
           lg: {
             size: 56,
             fontSize: 20,
-            iconSize: 40,
+            iconSize: 28,
             badgeSize: 20,
             badgeOffsetCircle: { right: -4, top: -4 },
             badgeOffsetSquare: { right: -8, top: -8 },
-            borderRadiusSquare: radius.avatarSmall,
+            borderRadiusSquare: 6,
             borderRadiusCircle: radius.avatarCircle
           },
           md: {
             size: 48,
             fontSize: 18,
-            iconSize: 32,
+            iconSize: 24,
             badgeSize: 20,
             badgeOffsetCircle: { right: -5, top: -5 },
             badgeOffsetSquare: { right: -8, top: -8 },
-            borderRadiusSquare: radius.avatarSmall,
+            borderRadiusSquare: 6,
             borderRadiusCircle: radius.avatarCircle
           },
           sm: {
             size: 40,
             fontSize: 16,
-            iconSize: 24,
+            iconSize: 20,
             badgeSize: 20,
             badgeOffsetCircle: { right: -6, top: -6 },
             badgeOffsetSquare: { right: -8, top: -8 },
@@ -2609,7 +2609,7 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
           xs: {
             size: 32,
             fontSize: 12,
-            iconSize: 24,
+            iconSize: 16,
             badgeSize: 8,
             badgeOffsetCircle: { right: -1, top: -1 },
             badgeOffsetSquare: { right: -3, top: -3 },
@@ -2619,11 +2619,11 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
           xxs: {
             size: 24,
             fontSize: 10,
-            iconSize: 16,
+            iconSize: 12,
             badgeSize: 6,
             badgeOffsetCircle: { right: -1, top: -1 },
             badgeOffsetSquare: { right: -2, top: -2 },
-            borderRadiusSquare: radius.avatarSmall,
+            borderRadiusSquare: 2,
             borderRadiusCircle: radius.avatarCircle
           }
         };