@xsolla/xui-core 0.161.0 → 0.161.1

package/index.mjs

@@ -101,7 +101,7 @@ var pentagram_dark_default = {
   },
   layer: {
     scrim: "rgba(0, 0, 0, 0.5)",
-    float: "rgba(0, 0, 0, 0.8)"
+    float: "rgba(0, 0, 0, 0.5)"
   },
   control: {
     brand: {
@@ -197,9 +197,9 @@ var pentagram_dark_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       secondary: {
-        bg: "#22136c",
-        bgHover: "#301b98",
-        bgPress: "#140b41",
+        bg: "rgba(80, 49, 232, 0.4)",
+        bgHover: "rgba(149, 128, 255, 0.4)",
+        bgPress: "rgba(80, 49, 232, 0.4)",
         border: "#7055f6",
         borderHover: "#9580ff",
         borderPress: "rgba(255, 255, 255, 0)"
@@ -239,11 +239,11 @@ var pentagram_dark_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       secondary: {
-        bg: "#6c2213",
-        bgHover: "#98301b",
-        bgPress: "#41140b",
-        border: "#98301b",
-        borderHover: "#c33d22",
+        bg: "rgba(232, 79, 48, 0.4)",
+        bgHover: "rgba(246, 112, 85, 0.4)",
+        bgPress: "rgba(195, 61, 34, 0.4)",
+        border: "rgba(246, 112, 85, 0.32)",
+        borderHover: "rgba(246, 112, 85, 0.32)",
         borderPress: "rgba(255, 255, 255, 0)"
       },
       tertiary: {
@@ -281,7 +281,7 @@ var pentagram_dark_default = {
       textDisable: "rgba(255, 255, 255, 0.36)"
     },
     focus: {
-      bg: "rgba(0, 0, 0, 0.8)",
+      bg: "rgba(0, 0, 0, 0.5)",
       border: "#31cae8"
     },
     check: {
@@ -318,7 +318,7 @@ var pentagram_dark_default = {
       bgActive: "#80eaff",
       bgActiveHover: "#b2f2ff",
       bgInactive: "#ffffff",
-      bgInactiveHover: "#f4f5f6",
+      bgInactiveHover: "#f6f8f9",
       bgDisable: "rgba(255, 255, 255, 0.4)"
     },
     text: {
@@ -363,8 +363,8 @@ var pentagram_dark_default = {
       id: {
         bg: "#34474b",
         bgSeries: "#000000",
-        textSeries: "#b7c5c8",
-        textNumber: "#b7c5c8",
+        textSeries: "#4b6368",
+        textNumber: "#000000",
         textCompact: "rgba(255, 255, 255, 0.48)"
       },
       subentity: {
@@ -377,9 +377,6 @@ var pentagram_dark_default = {
         textCompact: "rgba(255, 255, 255, 0.48)"
       }
     },
-    toast: {
-      bg: "#34474b"
-    },
     toggleButton: {
       bg: "rgba(178, 242, 255, 0.1)",
       bgHover: "rgba(178, 242, 255, 0.15)",
@@ -446,7 +443,7 @@ var pentagram_light_default = {
     secondary: "rgba(0, 0, 0, 0.75)",
     tertiary: "rgba(0, 0, 0, 0.6)",
     brand: {
-      primary: "#1b8398",
+      primary: "#22a8c3",
       secondary: "#31cae8"
     },
     brandExtra: {
@@ -602,9 +599,9 @@ var pentagram_light_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       secondary: {
-        bg: "#bfb2ff",
-        bgHover: "#d4ccff",
-        bgPress: "#9580ff",
+        bg: "rgba(80, 49, 232, 0.4)",
+        bgHover: "rgba(149, 128, 255, 0.4)",
+        bgPress: "rgba(80, 49, 232, 0.4)",
         border: "#9580ff",
         borderHover: "#bfb2ff",
         borderPress: "rgba(255, 255, 255, 0)"
@@ -644,11 +641,11 @@ var pentagram_light_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       secondary: {
-        bg: "#ffbfb2",
-        bgHover: "#ffd5cc",
-        bgPress: "#ff9580",
-        border: "#ff9580",
-        borderHover: "#ffbfb2",
+        bg: "rgba(232, 79, 48, 0.4)",
+        bgHover: "rgba(246, 112, 85, 0.4)",
+        bgPress: "rgba(195, 61, 34, 0.4)",
+        border: "rgba(246, 112, 85, 0.32)",
+        borderHover: "rgba(246, 112, 85, 0.32)",
         borderPress: "rgba(255, 255, 255, 0)"
       },
       tertiary: {
@@ -690,13 +687,13 @@ var pentagram_light_default = {
       border: "#31cae8"
     },
     check: {
-      bg: "#233134",
-      bgHover: "#4b6368",
+      bg: "#ccf6ff",
+      bgHover: "#e5fbff",
       bgDisable: "rgba(0, 0, 0, 0.25)",
-      border: "#233134",
-      borderHover: "#4b6368",
+      border: "#80eaff",
+      borderHover: "#b2f2ff",
       borderDisable: "rgba(0, 0, 0, 0)",
-      icon: "#ffffff"
+      icon: "#000000"
     },
     faint: {
       bg: "rgba(0, 0, 0, 0.15)",
@@ -705,26 +702,26 @@ var pentagram_light_default = {
       borderHover: "rgba(0, 0, 0, 0.15)"
     },
     slider: {
-      bg: "#233134",
-      bgHover: "#4b6368",
+      bg: "#80eaff",
+      bgHover: "#b2f2ff",
       bgDisable: "#cccccc"
     },
     switch: {
-      bg: "#233134",
-      bgHover: "#4b6368",
+      bg: "#ccf6ff",
+      bgHover: "#e5fbff",
       bgDisable: "rgba(0, 0, 0, 0.25)",
-      border: "#233134",
-      borderHover: "#4b6368",
+      border: "#80eaff",
+      borderHover: "#b2f2ff",
       borderDisable: "rgba(0, 0, 0, 0)"
     },
     knob: {
-      bg: "#233134",
-      bgHover: "#4b6368",
-      bgActive: "#ffffff",
-      bgActiveHover: "#f4f5f6",
-      bgInactive: "#ffffff",
-      bgInactiveHover: "#f4f5f6",
-      bgDisable: "rgba(0, 0, 0, 0.3)"
+      bg: "#000000",
+      bgHover: "#233134",
+      bgActive: "#000000",
+      bgActiveHover: "#233134",
+      bgInactive: "#000000",
+      bgInactiveHover: "#233134",
+      bgDisable: "rgba(0, 0, 0, 0.4)"
     },
     text: {
       primary: "#000000",
@@ -782,20 +779,17 @@ var pentagram_light_default = {
         textCompact: "rgba(0, 0, 0, 0.48)"
       }
     },
-    toast: {
-      bg: "#34474b"
-    },
     toggleButton: {
       bg: "rgba(0, 0, 0, 0.08)",
       bgHover: "rgba(0, 0, 0, 0.15)",
-      bgActive: "#233134",
+      bgActive: "#ccf6ff",
       bgDisable: "rgba(0, 0, 0, 0.2)",
       border: "rgba(0, 0, 0, 0.1)",
       borderHover: "rgba(0, 0, 0, 0.15)",
-      borderActive: "#233134",
+      borderActive: "#80eaff",
       borderDisable: "rgba(0, 0, 0, 0)",
       text: "#000000",
-      textActive: "#ffffff",
+      textActive: "#000000",
       textDisable: "rgba(0, 0, 0, 0.36)"
     },
     appButton: {
@@ -1129,7 +1123,7 @@ var ltg_dark_default = {
       bgActiveHover: "#f6f8f9",
       bgInactive: "#ffffff",
       bgInactiveHover: "#f6f8f9",
-      bgDisable: "#ffffff"
+      bgDisable: "rgba(255, 255, 255, 0.4)"
     },
     text: {
       primary: "#ffffff",
@@ -1173,8 +1167,8 @@ var ltg_dark_default = {
       id: {
         bg: "#d7dee0",
         bgSeries: "#000000",
-        textSeries: "#b7c5c8",
-        textNumber: "#b7c5c8",
+        textSeries: "#d7dee0",
+        textNumber: "#000000",
         textCompact: "rgba(255, 255, 255, 0.48)"
       },
       subentity: {
@@ -1187,9 +1181,6 @@ var ltg_dark_default = {
         textCompact: "rgba(255, 255, 255, 0.48)"
       }
     },
-    toast: {
-      bg: "#233134"
-    },
     toggleButton: {
       bg: "rgba(255, 255, 255, 0.1)",
       bgHover: "rgba(255, 255, 255, 0.15)",