@xsolla/xui-core 0.170.6 → 0.171.0

package/index.js

@@ -78,12 +78,12 @@ var pentagram_dark_default = {
     primary: "#1b2628",
     secondary: "#141d1f",
     brand: {
-      primary: "#80eaff",
-      secondary: "#0b3841"
+      primary: "#55dcf6",
+      secondary: "#135d6c"
     },
     brandExtra: {
-      primary: "#7055f6",
-      secondary: "#22136c"
+      primary: "#9580ff",
+      secondary: "#301b98"
     },
     inverse: "#ffffff",
     static: {
@@ -92,7 +92,7 @@ var pentagram_dark_default = {
     },
     success: {
       primary: "#95ff80",
-      secondary: "#14410b"
+      secondary: "#1f301c"
     },
     warning: {
       primary: "#ffc380",
@@ -109,8 +109,8 @@ var pentagram_dark_default = {
   },
   content: {
     primary: "#e8eced",
-    secondary: "rgba(232, 236, 237, 0.72)",
-    tertiary: "rgba(232, 236, 237, 0.58)",
+    secondary: "rgba(255, 255, 255, 0.72)",
+    tertiary: "rgba(255, 255, 255, 0.5)",
     brand: {
       primary: "#31cae8",
       secondary: "#55dcf6"
@@ -138,7 +138,7 @@ var pentagram_dark_default = {
     },
     neutral: {
       primary: "#99aeb2",
-      secondary: "#4b6368"
+      secondary: "#4a6368"
     },
     on: {
       brand: "#000000",
@@ -151,10 +151,10 @@ var pentagram_dark_default = {
   },
   border: {
     primary: "#ffffff",
-    secondary: "rgba(178, 242, 255, 0.15)",
+    secondary: "rgba(127, 169, 178, 0.3)",
     brand: "#31cae8",
     brandExtra: "#9580ff",
-    inverse: "rgba(0, 0, 0, 0.15)",
+    inverse: "rgba(0, 0, 0, 0.14)",
     success: "#3dc322",
     warning: "#c37822",
     alert: "#c33d22",
@@ -166,13 +166,13 @@ var pentagram_dark_default = {
     brandExtra: "rgba(149, 128, 255, 0.3)",
     success: "rgba(149, 255, 128, 0.2)",
     warning: "rgba(255, 195, 128, 0.24)",
-    alert: "rgba(232, 79, 48, 0.32)",
+    alert: "rgba(255, 149, 128, 0.32)",
     neutral: "rgba(123, 152, 157, 0.28)",
     monoHover: "rgba(178, 242, 255, 0.12)"
   },
   layer: {
-    scrim: "rgba(0, 0, 0, 0.5)",
-    float: "rgba(0, 0, 0, 0.8)"
+    scrim: "rgba(0, 0, 0, 0.45)",
+    float: "rgba(0, 0, 0, 0.75)"
   },
   control: {
     brand: {
@@ -229,9 +229,9 @@ var pentagram_dark_default = {
       },
       secondary: {
         bg: "#34474b",
-        bgHover: "#4b6368",
+        bgHover: "#4a6368",
         bgPress: "#233134",
-        border: "#4b6368",
+        border: "#4a6368",
         borderHover: "#607f85",
         borderPress: "rgba(255, 255, 255, 0)"
       },
@@ -300,7 +300,7 @@ var pentagram_dark_default = {
     },
     alert: {
       bg: "#6c2213",
-      border: "#c33d22",
+      border: "#f67055",
       primary: {
         bg: "#f67055",
         bgHover: "#ff9580",
@@ -318,9 +318,9 @@ var pentagram_dark_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       tertiary: {
-        bg: "rgba(255, 43, 0, 0)",
-        bgHover: "rgba(255, 170, 153, 0.07)",
-        bgPress: "rgba(255, 85, 51, 0.12)",
+        bg: "rgba(232, 79, 48, 0)",
+        bgHover: "rgba(246, 112, 85, 0.07)",
+        bgPress: "rgba(246, 112, 85, 0.12)",
         border: "rgba(255, 255, 255, 0)",
         borderHover: "rgba(255, 255, 255, 0)",
         borderPress: "rgba(255, 255, 255, 0)"
@@ -373,7 +373,7 @@ var pentagram_dark_default = {
     slider: {
       bg: "#80eaff",
       bgHover: "#b2f2ff",
-      bgDisable: "rgba(52, 71, 75, 0.85)"
+      bgDisable: "#34474b"
     },
     switch: {
       bg: "#135d6c",
@@ -390,7 +390,7 @@ var pentagram_dark_default = {
       bgActiveHover: "#b2f2ff",
       bgInactive: "#ffffff",
       bgInactiveHover: "#f4f5f6",
-      bgDisable: "rgba(255, 255, 255, 0.4)"
+      bgDisable: "#34474b"
     },
     text: {
       primary: "#ffffff",
@@ -414,7 +414,7 @@ var pentagram_dark_default = {
     },
     tagLabel: {
       product: {
-        bg: "#dfff80",
+        bg: "#d9ff66",
         text: "#000000",
         textCompact: "rgba(255, 255, 255, 0.48)"
       },
@@ -481,7 +481,7 @@ var pentagram_dark_default = {
 var pentagram_light_default = {
   background: {
     primary: "#ffffff",
-    secondary: "#f3f3f2",
+    secondary: "#f5f6f4",
     brand: {
       primary: "#80eaff",
       secondary: "#b2f2ff"
@@ -515,7 +515,7 @@ var pentagram_light_default = {
   content: {
     primary: "#000000",
     secondary: "rgba(0, 0, 0, 0.75)",
-    tertiary: "rgba(0, 0, 0, 0.6)",
+    tertiary: "rgba(0, 0, 0, 0.55)",
     brand: {
       primary: "#1b8398",
       secondary: "#31cae8"
@@ -530,7 +530,7 @@ var pentagram_light_default = {
       dark: "#000000"
     },
     success: {
-      primary: "#30981b",
+      primary: "#368f24",
       secondary: "#3dc322"
     },
     warning: {
@@ -556,28 +556,28 @@ var pentagram_light_default = {
   },
   border: {
     primary: "#000000",
-    secondary: "rgba(0, 0, 0, 0.1)",
+    secondary: "rgba(0, 0, 0, 0.08)",
     brand: "#31cae8",
     brandExtra: "#5031e8",
-    inverse: "rgba(255, 255, 255, 0.15)",
+    inverse: "rgba(255, 255, 255, 0.17)",
     success: "#50e831",
     warning: "#e89331",
     alert: "#e84f30",
     neutral: "#7b989d"
   },
   overlay: {
-    mono: "rgba(0, 0, 0, 0.05)",
+    mono: "rgba(0, 0, 0, 0.04)",
     brand: "rgba(128, 234, 255, 0.3)",
     brandExtra: "rgba(149, 128, 255, 0.3)",
     success: "rgba(149, 255, 128, 0.24)",
     warning: "rgba(255, 195, 128, 0.28)",
-    alert: "rgba(232, 79, 48, 0.24)",
+    alert: "rgba(255, 149, 128, 0.24)",
     neutral: "rgba(96, 127, 133, 0.24)",
     monoHover: "rgba(0, 0, 0, 0.1)"
   },
   layer: {
     scrim: "rgba(0, 0, 0, 0.75)",
-    float: "rgba(255, 255, 255, 0.8)"
+    float: "rgba(255, 255, 255, 0.5)"
   },
   control: {
     brand: {
@@ -585,15 +585,15 @@ var pentagram_light_default = {
         bg: "#80eaff",
         bgHover: "#b2f2ff",
         bgPress: "#55dcf6",
-        bgDisable: "#cccccc",
+        bgDisable: "#c2c4ba",
         border: "#31cae8",
         borderHover: "#55dcf6",
         borderPress: "rgba(255, 255, 255, 0)",
         borderDisable: "rgba(255, 255, 255, 0)"
       },
       secondary: {
-        bg: "#ccf6ff",
-        bgHover: "#e5fbff",
+        bg: "#d6f8ff",
+        bgHover: "#ebfcff",
         bgPress: "#b2f2ff",
         border: "#80eaff",
         borderHover: "#b2f2ff",
@@ -601,8 +601,8 @@ var pentagram_light_default = {
       },
       tertiary: {
         bg: "rgba(255, 255, 255, 0)",
-        bgHover: "#e5fbff",
-        bgPress: "#ccf6ff",
+        bgHover: "#ebfcff",
+        bgPress: "#d6f8ff",
         border: "rgba(255, 255, 255, 0)",
         borderHover: "rgba(255, 255, 255, 0)",
         borderPress: "rgba(255, 255, 255, 0)"
@@ -633,17 +633,17 @@ var pentagram_light_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       secondary: {
-        bg: "#dadbd7",
-        bgHover: "#e6e7e4",
-        bgPress: "#c1c2bc",
-        border: "#c1c2bc",
-        borderHover: "#dadbd7",
+        bg: "#dddfd8",
+        bgHover: "#ecede9",
+        bgPress: "#c2c4ba",
+        border: "#c2c4ba",
+        borderHover: "#dddfd8",
         borderPress: "rgba(255, 255, 255, 0)"
       },
       tertiary: {
         bg: "rgba(255, 255, 255, 0)",
-        bgHover: "#f3f3f2",
-        bgPress: "#e6e7e4",
+        bgHover: "#f5f6f4",
+        bgPress: "#ecede9",
         border: "rgba(255, 255, 255, 0)",
         borderHover: "rgba(255, 255, 255, 0)",
         borderPress: "rgba(255, 255, 255, 0)"
@@ -674,7 +674,7 @@ var pentagram_light_default = {
       },
       secondary: {
         bg: "#bfb2ff",
-        bgHover: "#d4ccff",
+        bgHover: "#ddd6ff",
         bgPress: "#9580ff",
         border: "#9580ff",
         borderHover: "#bfb2ff",
@@ -716,16 +716,16 @@ var pentagram_light_default = {
       },
       secondary: {
         bg: "#ffbfb2",
-        bgHover: "#ffd5cc",
+        bgHover: "#ffddd6",
         bgPress: "#ff9580",
         border: "#ff9580",
         borderHover: "#ffbfb2",
         borderPress: "rgba(255, 255, 255, 0)"
       },
       tertiary: {
-        bg: "rgba(255, 43, 0, 0)",
-        bgHover: "rgba(255, 85, 51, 0.07)",
-        bgPress: "rgba(204, 34, 0, 0.12)",
+        bg: "rgba(232, 79, 48, 0)",
+        bgHover: "rgba(232, 79, 48, 0.07)",
+        bgPress: "rgba(232, 79, 48, 0.12)",
         border: "rgba(255, 255, 255, 0)",
         borderHover: "rgba(255, 255, 255, 0)",
         borderPress: "rgba(255, 255, 255, 0)"
@@ -762,10 +762,10 @@ var pentagram_light_default = {
     },
     check: {
       bg: "#233134",
-      bgHover: "#4b6368",
+      bgHover: "#4a6368",
       bgDisable: "rgba(0, 0, 0, 0.25)",
       border: "#233134",
-      borderHover: "#4b6368",
+      borderHover: "#4a6368",
       borderDisable: "rgba(0, 0, 0, 0)",
       icon: "#ffffff"
     },
@@ -777,25 +777,25 @@ var pentagram_light_default = {
     },
     slider: {
       bg: "#233134",
-      bgHover: "#4b6368",
-      bgDisable: "#cccccc"
+      bgHover: "#4a6368",
+      bgDisable: "#a6a6a6"
     },
     switch: {
       bg: "#233134",
-      bgHover: "#4b6368",
+      bgHover: "#4a6368",
       bgDisable: "rgba(0, 0, 0, 0.25)",
       border: "#233134",
-      borderHover: "#4b6368",
+      borderHover: "#4a6368",
       borderDisable: "rgba(0, 0, 0, 0)"
     },
     knob: {
       bg: "#233134",
-      bgHover: "#4b6368",
+      bgHover: "#4a6368",
       bgActive: "#ffffff",
       bgActiveHover: "#f4f5f6",
       bgInactive: "#ffffff",
       bgInactiveHover: "#f4f5f6",
-      bgDisable: "rgba(0, 0, 0, 0.3)"
+      bgDisable: "#8c8c8c"
     },
     text: {
       primary: "#000000",
@@ -819,7 +819,7 @@ var pentagram_light_default = {
     },
     tagLabel: {
       product: {
-        bg: "#dfff80",
+        bg: "#d9ff66",
         text: "#000000",
         textCompact: "rgba(0, 0, 0, 0.48)"
       },
@@ -837,14 +837,14 @@ var pentagram_light_default = {
         textCompact: "rgba(0, 0, 0, 0.48)"
       },
       id: {
-        bg: "#dadbd7",
+        bg: "#dddfd8",
         bgSeries: "#000000",
         textSeries: "#d7dee0",
         textNumber: "#000000",
         textCompact: "rgba(0, 0, 0, 0.48)"
       },
       subentity: {
-        bg: "#a8aaa2",
+        bg: "#a9aca0",
         text: "#000000"
       },
       item: {
@@ -981,7 +981,7 @@ var ltg_dark_default = {
     monoHover: "rgba(255, 255, 255, 0.2)"
   },
   layer: {
-    scrim: "rgba(0, 0, 0, 0.5)",
+    scrim: "rgba(0, 0, 0, 0.75)",
     float: "rgba(10, 15, 43, 0.5)"
   },
   control: {
@@ -1046,7 +1046,7 @@ var ltg_dark_default = {
         borderPress: "#ffffff"
       },
       tertiary: {
-        bg: "rgba(255, 255, 255, 0.1)",
+        bg: "rgba(255, 255, 255, 0)",
         bgHover: "rgba(255, 255, 255, 0.76)",
         bgPress: "rgba(255, 255, 255, 0.5)",
         border: "rgba(255, 255, 255, 0)",
@@ -1128,9 +1128,9 @@ var ltg_dark_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       tertiary: {
-        bg: "rgba(255, 43, 0, 0)",
-        bgHover: "rgba(255, 170, 153, 0.07)",
-        bgPress: "rgba(255, 85, 51, 0.12)",
+        bg: "rgba(232, 79, 48, 0)",
+        bgHover: "rgba(246, 112, 85, 0.07)",
+        bgPress: "rgba(246, 112, 85, 0.12)",
         border: "rgba(255, 255, 255, 0)",
         borderHover: "rgba(255, 255, 255, 0)",
         borderPress: "rgba(255, 255, 255, 0)"
@@ -1224,7 +1224,7 @@ var ltg_dark_default = {
     },
     tagLabel: {
       product: {
-        bg: "#dfff80",
+        bg: "#d9ff66",
         text: "#000000",
         textCompact: "rgba(255, 255, 255, 0.48)"
       },
@@ -1291,7 +1291,7 @@ var ltg_dark_default = {
 var blueprints_default = {
   background: {
     primary: "#ffffff",
-    secondary: "#f3f3f2",
+    secondary: "#f5f6f4",
     brand: {
       primary: "#80eaff",
       secondary: "#b2f2ff"
@@ -1324,8 +1324,8 @@ var blueprints_default = {
   },
   content: {
     primary: "#000000",
-    secondary: "rgba(0, 0, 0, 0.75)",
-    tertiary: "rgba(0, 0, 0, 0.6)",
+    secondary: "rgba(25, 25, 23, 0.94)",
+    tertiary: "rgba(0, 0, 0, 0.55)",
     brand: {
       primary: "#22a8c3",
       secondary: "#31cae8"
@@ -1340,7 +1340,7 @@ var blueprints_default = {
       dark: "#000000"
     },
     success: {
-      primary: "#30981b",
+      primary: "#368f24",
       secondary: "#3dc322"
     },
     warning: {
@@ -1366,10 +1366,10 @@ var blueprints_default = {
   },
   border: {
     primary: "#000000",
-    secondary: "rgba(0, 0, 0, 0.1)",
+    secondary: "rgba(0, 0, 0, 0.08)",
     brand: "#31cae8",
     brandExtra: "#5031e8",
-    inverse: "rgba(255, 255, 255, 0.15)",
+    inverse: "rgba(255, 255, 255, 0.17)",
     success: "#50e831",
     warning: "#e89331",
     alert: "#e84f30",
@@ -1381,7 +1381,7 @@ var blueprints_default = {
     brandExtra: "rgba(149, 128, 255, 0.3)",
     success: "rgba(149, 255, 128, 0.24)",
     warning: "rgba(255, 195, 128, 0.28)",
-    alert: "rgba(232, 79, 48, 0.24)",
+    alert: "rgba(255, 149, 128, 0.24)",
     neutral: "rgba(96, 127, 133, 0.24)",
     monoHover: "rgba(0, 0, 0, 0.1)"
   },
@@ -1402,8 +1402,8 @@ var blueprints_default = {
         borderDisable: "rgba(255, 255, 255, 0)"
       },
       secondary: {
-        bg: "#ccf6ff",
-        bgHover: "#e5fbff",
+        bg: "#d6f8ff",
+        bgHover: "#ebfcff",
         bgPress: "#b2f2ff",
         border: "#80eaff",
         borderHover: "#b2f2ff",
@@ -1411,8 +1411,8 @@ var blueprints_default = {
       },
       tertiary: {
         bg: "rgba(255, 255, 255, 0)",
-        bgHover: "#e5fbff",
-        bgPress: "#ccf6ff",
+        bgHover: "#ebfcff",
+        bgPress: "#d6f8ff",
         border: "rgba(255, 255, 255, 0)",
         borderHover: "rgba(255, 255, 255, 0)",
         borderPress: "rgba(255, 255, 255, 0)"
@@ -1443,17 +1443,17 @@ var blueprints_default = {
         borderPress: "rgba(255, 255, 255, 0)"
       },
       secondary: {
-        bg: "#dadbd7",
-        bgHover: "#e6e7e4",
-        bgPress: "#c1c2bc",
-        border: "#c1c2bc",
-        borderHover: "#dadbd7",
+        bg: "#dddfd8",
+        bgHover: "#ecede9",
+        bgPress: "#c2c4ba",
+        border: "#c2c4ba",
+        borderHover: "#dddfd8",
         borderPress: "rgba(255, 255, 255, 0)"
       },
       tertiary: {
         bg: "rgba(255, 255, 255, 0)",
-        bgHover: "#f3f3f2",
-        bgPress: "#e6e7e4",
+        bgHover: "#f5f6f4",
+        bgPress: "#ecede9",
         border: "rgba(255, 255, 255, 0)",
         borderHover: "rgba(255, 255, 255, 0)",
         borderPress: "rgba(255, 255, 255, 0)"
@@ -1571,8 +1571,8 @@ var blueprints_default = {
       border: "#31cae8"
     },
     check: {
-      bg: "#ccf6ff",
-      bgHover: "#e5fbff",
+      bg: "#d6f8ff",
+      bgHover: "#ebfcff",
       bgDisable: "rgba(0, 0, 0, 0.25)",
       border: "#80eaff",
       borderHover: "#b2f2ff",
@@ -1588,7 +1588,7 @@ var blueprints_default = {
     slider: {
       bg: "#80eaff",
       bgHover: "#b2f2ff",
-      bgDisable: "#cccccc"
+      bgDisable: "#c2c4ba"
     },
     switch: {
       bg: "#000000",
@@ -1614,8 +1614,8 @@ var blueprints_default = {
     link: {
       primary: "#22a8c3",
       primaryHover: "#31cae8",
-      secondary: "#9bc323",
-      secondaryHover: "#bae831"
+      secondary: "#8aad1f",
+      secondaryHover: "#b2e51a"
     },
     segmented: {
       bg: "rgba(0, 0, 0, 0.08)",
@@ -1629,7 +1629,7 @@ var blueprints_default = {
     },
     tagLabel: {
       product: {
-        bg: "#dfff80",
+        bg: "#d9ff66",
         text: "#000000",
         textCompact: "rgba(0, 0, 0, 0.48)"
       },
@@ -1647,14 +1647,14 @@ var blueprints_default = {
         textCompact: "rgba(0, 0, 0, 0.48)"
       },
       id: {
-        bg: "#dadbd7",
+        bg: "#dddfd8",
         bgSeries: "#000000",
         textSeries: "#d7dee0",
         textNumber: "#000000",
         textCompact: "rgba(0, 0, 0, 0.48)"
       },
       subentity: {
-        bg: "#a8aaa2",
+        bg: "#a9aca0",
         text: "#000000"
       },
       item: {
@@ -1669,7 +1669,7 @@ var blueprints_default = {
     toggleButton: {
       bg: "rgba(0, 0, 0, 0.08)",
       bgHover: "rgba(0, 0, 0, 0.15)",
-      bgActive: "#ccf6ff",
+      bgActive: "#d6f8ff",
       bgDisable: "rgba(0, 0, 0, 0.2)",
       border: "rgba(0, 0, 0, 0.1)",
       borderHover: "rgba(0, 0, 0, 0.15)",