@xsolla/xui-core 0.170.6 → 0.171.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.d.mts CHANGED
@@ -63,12 +63,12 @@ var background = {
63
63
  primary: "#1b2628",
64
64
  secondary: "#141d1f",
65
65
  brand: {
66
- primary: "#80eaff",
67
- secondary: "#0b3841"
66
+ primary: "#55dcf6",
67
+ secondary: "#135d6c"
68
68
  },
69
69
  brandExtra: {
70
- primary: "#7055f6",
71
- secondary: "#22136c"
70
+ primary: "#9580ff",
71
+ secondary: "#301b98"
72
72
  },
73
73
  inverse: "#ffffff",
74
74
  "static": {
@@ -77,7 +77,7 @@ var background = {
77
77
  },
78
78
  success: {
79
79
  primary: "#95ff80",
80
- secondary: "#14410b"
80
+ secondary: "#1f301c"
81
81
  },
82
82
  warning: {
83
83
  primary: "#ffc380",
@@ -94,8 +94,8 @@ var background = {
94
94
  };
95
95
  var content = {
96
96
  primary: "#e8eced",
97
- secondary: "rgba(232, 236, 237, 0.72)",
98
- tertiary: "rgba(232, 236, 237, 0.58)",
97
+ secondary: "rgba(255, 255, 255, 0.72)",
98
+ tertiary: "rgba(255, 255, 255, 0.5)",
99
99
  brand: {
100
100
  primary: "#31cae8",
101
101
  secondary: "#55dcf6"
@@ -123,7 +123,7 @@ var content = {
123
123
  },
124
124
  neutral: {
125
125
  primary: "#99aeb2",
126
- secondary: "#4b6368"
126
+ secondary: "#4a6368"
127
127
  },
128
128
  on: {
129
129
  brand: "#000000",
@@ -136,10 +136,10 @@ var content = {
136
136
  };
137
137
  var border = {
138
138
  primary: "#ffffff",
139
- secondary: "rgba(178, 242, 255, 0.15)",
139
+ secondary: "rgba(127, 169, 178, 0.3)",
140
140
  brand: "#31cae8",
141
141
  brandExtra: "#9580ff",
142
- inverse: "rgba(0, 0, 0, 0.15)",
142
+ inverse: "rgba(0, 0, 0, 0.14)",
143
143
  success: "#3dc322",
144
144
  warning: "#c37822",
145
145
  alert: "#c33d22",
@@ -151,13 +151,13 @@ var overlay = {
151
151
  brandExtra: "rgba(149, 128, 255, 0.3)",
152
152
  success: "rgba(149, 255, 128, 0.2)",
153
153
  warning: "rgba(255, 195, 128, 0.24)",
154
- alert: "rgba(232, 79, 48, 0.32)",
154
+ alert: "rgba(255, 149, 128, 0.32)",
155
155
  neutral: "rgba(123, 152, 157, 0.28)",
156
156
  monoHover: "rgba(178, 242, 255, 0.12)"
157
157
  };
158
158
  var layer = {
159
- scrim: "rgba(0, 0, 0, 0.5)",
160
- float: "rgba(0, 0, 0, 0.8)"
159
+ scrim: "rgba(0, 0, 0, 0.45)",
160
+ float: "rgba(0, 0, 0, 0.75)"
161
161
  };
162
162
  var control = {
163
163
  brand: {
@@ -214,9 +214,9 @@ var control = {
214
214
  },
215
215
  secondary: {
216
216
  bg: "#34474b",
217
- bgHover: "#4b6368",
217
+ bgHover: "#4a6368",
218
218
  bgPress: "#233134",
219
- border: "#4b6368",
219
+ border: "#4a6368",
220
220
  borderHover: "#607f85",
221
221
  borderPress: "rgba(255, 255, 255, 0)"
222
222
  },
@@ -285,7 +285,7 @@ var control = {
285
285
  },
286
286
  alert: {
287
287
  bg: "#6c2213",
288
- border: "#c33d22",
288
+ border: "#f67055",
289
289
  primary: {
290
290
  bg: "#f67055",
291
291
  bgHover: "#ff9580",
@@ -303,9 +303,9 @@ var control = {
303
303
  borderPress: "rgba(255, 255, 255, 0)"
304
304
  },
305
305
  tertiary: {
306
- bg: "rgba(255, 43, 0, 0)",
307
- bgHover: "rgba(255, 170, 153, 0.07)",
308
- bgPress: "rgba(255, 85, 51, 0.12)",
306
+ bg: "rgba(232, 79, 48, 0)",
307
+ bgHover: "rgba(246, 112, 85, 0.07)",
308
+ bgPress: "rgba(246, 112, 85, 0.12)",
309
309
  border: "rgba(255, 255, 255, 0)",
310
310
  borderHover: "rgba(255, 255, 255, 0)",
311
311
  borderPress: "rgba(255, 255, 255, 0)"
@@ -358,7 +358,7 @@ var control = {
358
358
  slider: {
359
359
  bg: "#80eaff",
360
360
  bgHover: "#b2f2ff",
361
- bgDisable: "rgba(52, 71, 75, 0.85)"
361
+ bgDisable: "#34474b"
362
362
  },
363
363
  "switch": {
364
364
  bg: "#135d6c",
@@ -375,7 +375,7 @@ var control = {
375
375
  bgActiveHover: "#b2f2ff",
376
376
  bgInactive: "#ffffff",
377
377
  bgInactiveHover: "#f4f5f6",
378
- bgDisable: "rgba(255, 255, 255, 0.4)"
378
+ bgDisable: "#34474b"
379
379
  },
380
380
  text: {
381
381
  primary: "#ffffff",
@@ -399,7 +399,7 @@ var control = {
399
399
  },
400
400
  tagLabel: {
401
401
  product: {
402
- bg: "#dfff80",
402
+ bg: "#d9ff66",
403
403
  text: "#000000",
404
404
  textCompact: "rgba(255, 255, 255, 0.48)"
405
405
  },
package/index.d.ts CHANGED
@@ -63,12 +63,12 @@ var background = {
63
63
  primary: "#1b2628",
64
64
  secondary: "#141d1f",
65
65
  brand: {
66
- primary: "#80eaff",
67
- secondary: "#0b3841"
66
+ primary: "#55dcf6",
67
+ secondary: "#135d6c"
68
68
  },
69
69
  brandExtra: {
70
- primary: "#7055f6",
71
- secondary: "#22136c"
70
+ primary: "#9580ff",
71
+ secondary: "#301b98"
72
72
  },
73
73
  inverse: "#ffffff",
74
74
  "static": {
@@ -77,7 +77,7 @@ var background = {
77
77
  },
78
78
  success: {
79
79
  primary: "#95ff80",
80
- secondary: "#14410b"
80
+ secondary: "#1f301c"
81
81
  },
82
82
  warning: {
83
83
  primary: "#ffc380",
@@ -94,8 +94,8 @@ var background = {
94
94
  };
95
95
  var content = {
96
96
  primary: "#e8eced",
97
- secondary: "rgba(232, 236, 237, 0.72)",
98
- tertiary: "rgba(232, 236, 237, 0.58)",
97
+ secondary: "rgba(255, 255, 255, 0.72)",
98
+ tertiary: "rgba(255, 255, 255, 0.5)",
99
99
  brand: {
100
100
  primary: "#31cae8",
101
101
  secondary: "#55dcf6"
@@ -123,7 +123,7 @@ var content = {
123
123
  },
124
124
  neutral: {
125
125
  primary: "#99aeb2",
126
- secondary: "#4b6368"
126
+ secondary: "#4a6368"
127
127
  },
128
128
  on: {
129
129
  brand: "#000000",
@@ -136,10 +136,10 @@ var content = {
136
136
  };
137
137
  var border = {
138
138
  primary: "#ffffff",
139
- secondary: "rgba(178, 242, 255, 0.15)",
139
+ secondary: "rgba(127, 169, 178, 0.3)",
140
140
  brand: "#31cae8",
141
141
  brandExtra: "#9580ff",
142
- inverse: "rgba(0, 0, 0, 0.15)",
142
+ inverse: "rgba(0, 0, 0, 0.14)",
143
143
  success: "#3dc322",
144
144
  warning: "#c37822",
145
145
  alert: "#c33d22",
@@ -151,13 +151,13 @@ var overlay = {
151
151
  brandExtra: "rgba(149, 128, 255, 0.3)",
152
152
  success: "rgba(149, 255, 128, 0.2)",
153
153
  warning: "rgba(255, 195, 128, 0.24)",
154
- alert: "rgba(232, 79, 48, 0.32)",
154
+ alert: "rgba(255, 149, 128, 0.32)",
155
155
  neutral: "rgba(123, 152, 157, 0.28)",
156
156
  monoHover: "rgba(178, 242, 255, 0.12)"
157
157
  };
158
158
  var layer = {
159
- scrim: "rgba(0, 0, 0, 0.5)",
160
- float: "rgba(0, 0, 0, 0.8)"
159
+ scrim: "rgba(0, 0, 0, 0.45)",
160
+ float: "rgba(0, 0, 0, 0.75)"
161
161
  };
162
162
  var control = {
163
163
  brand: {
@@ -214,9 +214,9 @@ var control = {
214
214
  },
215
215
  secondary: {
216
216
  bg: "#34474b",
217
- bgHover: "#4b6368",
217
+ bgHover: "#4a6368",
218
218
  bgPress: "#233134",
219
- border: "#4b6368",
219
+ border: "#4a6368",
220
220
  borderHover: "#607f85",
221
221
  borderPress: "rgba(255, 255, 255, 0)"
222
222
  },
@@ -285,7 +285,7 @@ var control = {
285
285
  },
286
286
  alert: {
287
287
  bg: "#6c2213",
288
- border: "#c33d22",
288
+ border: "#f67055",
289
289
  primary: {
290
290
  bg: "#f67055",
291
291
  bgHover: "#ff9580",
@@ -303,9 +303,9 @@ var control = {
303
303
  borderPress: "rgba(255, 255, 255, 0)"
304
304
  },
305
305
  tertiary: {
306
- bg: "rgba(255, 43, 0, 0)",
307
- bgHover: "rgba(255, 170, 153, 0.07)",
308
- bgPress: "rgba(255, 85, 51, 0.12)",
306
+ bg: "rgba(232, 79, 48, 0)",
307
+ bgHover: "rgba(246, 112, 85, 0.07)",
308
+ bgPress: "rgba(246, 112, 85, 0.12)",
309
309
  border: "rgba(255, 255, 255, 0)",
310
310
  borderHover: "rgba(255, 255, 255, 0)",
311
311
  borderPress: "rgba(255, 255, 255, 0)"
@@ -358,7 +358,7 @@ var control = {
358
358
  slider: {
359
359
  bg: "#80eaff",
360
360
  bgHover: "#b2f2ff",
361
- bgDisable: "rgba(52, 71, 75, 0.85)"
361
+ bgDisable: "#34474b"
362
362
  },
363
363
  "switch": {
364
364
  bg: "#135d6c",
@@ -375,7 +375,7 @@ var control = {
375
375
  bgActiveHover: "#b2f2ff",
376
376
  bgInactive: "#ffffff",
377
377
  bgInactiveHover: "#f4f5f6",
378
- bgDisable: "rgba(255, 255, 255, 0.4)"
378
+ bgDisable: "#34474b"
379
379
  },
380
380
  text: {
381
381
  primary: "#ffffff",
@@ -399,7 +399,7 @@ var control = {
399
399
  },
400
400
  tagLabel: {
401
401
  product: {
402
- bg: "#dfff80",
402
+ bg: "#d9ff66",
403
403
  text: "#000000",
404
404
  textCompact: "rgba(255, 255, 255, 0.48)"
405
405
  },