@xsolla/xui-core 0.101.0 → 0.102.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.
Files changed (9) hide show
  1. package/README.md +15 -3
  2. package/index.d.mts +3412 -614
  3. package/index.d.ts +3412 -614
  4. package/index.js +1332 -444
  5. package/index.js.flow +3257 -406
  6. package/index.js.map +1 -1
  7. package/index.mjs +1332 -444
  8. package/index.mjs.map +1 -1
  9. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -1,32 +1,32 @@
1
1
  import React from 'react';
2
2
 
3
3
  var background = {
4
- primary: "#202a2c",
5
- secondary: "#151c1e",
4
+ primary: "#1b2628",
5
+ secondary: "#141d1f",
6
6
  inverse: "#ffffff",
7
7
  brand: {
8
- primary: "#66e6ff",
9
- secondary: "#00aacc"
8
+ primary: "#80eaff",
9
+ secondary: "#0b3841"
10
10
  },
11
11
  brandExtra: {
12
- primary: "#d9ff66",
13
- secondary: "#bfff00"
12
+ primary: "#cef655",
13
+ secondary: "#566c13"
14
14
  },
15
15
  success: {
16
- primary: "#80ffb5",
17
- secondary: "#33ff88"
16
+ primary: "#95ff80",
17
+ secondary: "#14410b"
18
18
  },
19
19
  warning: {
20
- primary: "#ffee99",
21
- secondary: "#ffdd33"
20
+ primary: "#ffc380",
21
+ secondary: "#6c4313"
22
22
  },
23
23
  alert: {
24
- primary: "#ff8066",
25
- secondary: "#ff5533"
24
+ primary: "#e84f30",
25
+ secondary: "#6c2213"
26
26
  },
27
27
  neutral: {
28
- primary: "#aa99ff",
29
- secondary: "#5533ff"
28
+ primary: "#99aeb2",
29
+ secondary: "#34474b"
30
30
  }
31
31
  };
32
32
  var content = {
@@ -35,28 +35,28 @@ var content = {
35
35
  tertiary: "rgba(255, 255, 255, 0.58)",
36
36
  inverse: "#000000",
37
37
  brand: {
38
- primary: "#66e6ff",
39
- secondary: "#00d4ff"
38
+ primary: "#55dcf6",
39
+ secondary: "#31cae8"
40
40
  },
41
41
  brandExtra: {
42
- primary: "#d9ff66",
43
- secondary: "#bfff00"
42
+ primary: "#cef655",
43
+ secondary: "#9bc323"
44
44
  },
45
45
  success: {
46
- primary: "#66ffa6",
47
- secondary: "#00ff6a"
46
+ primary: "#70f655",
47
+ secondary: "#3dc322"
48
48
  },
49
49
  warning: {
50
- primary: "#ffe566",
51
- secondary: "#ffd400"
50
+ primary: "#f6ab55",
51
+ secondary: "#c37822"
52
52
  },
53
53
  alert: {
54
- primary: "#ff8066",
55
- secondary: "#ff2b00"
54
+ primary: "#f67055",
55
+ secondary: "#e84f30"
56
56
  },
57
57
  neutral: {
58
- primary: "#aa99ff",
59
- secondary: "#8066ff"
58
+ primary: "#99aeb2",
59
+ secondary: "#607f85"
60
60
  },
61
61
  on: {
62
62
  brand: "#000000",
@@ -75,233 +75,179 @@ var border = {
75
75
  primary: "#ffffff",
76
76
  secondary: "rgba(255, 255, 255, 0.16)",
77
77
  inverse: "rgba(0, 0, 0, 0.15)",
78
- brand: "#66e6ff",
79
- brandExtra: "#d9ff66",
80
- success: "#66ffa6",
81
- warning: "#ffe566",
82
- alert: "#ff8066",
83
- neutral: "#aa99ff"
78
+ brand: "#55dcf6",
79
+ brandExtra: "#cef655",
80
+ success: "#70f655",
81
+ warning: "#f6ab55",
82
+ alert: "#f67055",
83
+ neutral: "#9580ff"
84
84
  };
85
85
  var overlay = {
86
86
  mono: "rgba(255, 255, 255, 0.1)",
87
- brand: "rgba(102, 230, 255, 0.3)",
88
- brandExtra: "rgba(217, 255, 102, 0.3)",
89
- success: "rgba(0, 255, 106, 0.3)",
90
- warning: "rgba(255, 221, 51, 0.3)",
91
- alert: "rgba(255, 85, 51, 0.3)",
92
- neutral: "rgba(128, 102, 255, 0.3)"
87
+ brand: "rgba(128, 234, 255, 0.2)",
88
+ brandExtra: "rgba(206, 246, 85, 0.3)",
89
+ success: "rgba(149, 255, 128, 0.2)",
90
+ warning: "rgba(255, 195, 128, 0.24)",
91
+ alert: "rgba(232, 79, 48, 0.32)",
92
+ neutral: "rgba(123, 152, 157, 0.28)"
93
93
  };
94
94
  var layer = {
95
95
  scrim: "rgba(0, 0, 0, 0.5)",
96
- float: "#202a2c"
96
+ float: "#1b2628"
97
97
  };
98
98
  var control = {
99
99
  brand: {
100
100
  primary: {
101
- bg: "#66e6ff",
102
- bgHover: "#99eeff",
103
- bgPress: "#33ddff",
104
- bgDisable: "#557177",
101
+ bg: "#55dcf6",
102
+ bgHover: "#80eaff",
103
+ bgPress: "#31cae8",
104
+ bgDisable: "#666666",
105
105
  border: "rgba(255, 255, 255, 0)",
106
106
  borderHover: "rgba(255, 255, 255, 0)",
107
107
  borderPress: "rgba(255, 255, 255, 0)",
108
- borderDisable: "rgba(255, 255, 255, 0)",
109
- text: {
110
- primary: "#000000",
111
- secondary: "#ffffff",
112
- disable: "#a6bbbf"
113
- }
108
+ borderDisable: "rgba(255, 255, 255, 0)"
114
109
  },
115
110
  secondary: {
116
- bg: "rgba(102, 230, 255, 0.4)",
117
- bgHover: "rgba(153, 238, 255, 0.4)",
118
- bgPress: "rgba(51, 221, 255, 0.4)",
119
- bgDisable: "rgba(102, 230, 255, 0.2)",
111
+ bg: "rgba(128, 234, 255, 0.4)",
112
+ bgHover: "rgba(178, 242, 255, 0.4)",
113
+ bgPress: "rgba(85, 220, 246, 0.4)",
120
114
  border: "rgba(255, 255, 255, 0)",
121
115
  borderHover: "rgba(255, 255, 255, 0)",
122
- borderPress: "rgba(255, 255, 255, 0)",
123
- borderDisable: "rgba(255, 255, 255, 0)",
124
- text: {
125
- primary: "#000000",
126
- secondary: "#ffffff",
127
- disable: "rgba(0, 0, 0, 0.4)"
128
- }
116
+ borderPress: "rgba(255, 255, 255, 0)"
129
117
  },
130
118
  tertiary: {
131
119
  bg: "rgba(255, 255, 255, 0)",
132
- bgHover: "rgba(102, 230, 255, 0.12)",
133
- bgPress: "rgba(102, 230, 255, 0.08)",
134
- bgDisable: "rgba(255, 255, 255, 0)",
120
+ bgHover: "rgba(178, 242, 255, 0.07)",
121
+ bgPress: "rgba(85, 220, 246, 0.12)",
135
122
  border: "rgba(255, 255, 255, 0)",
136
123
  borderHover: "rgba(255, 255, 255, 0)",
137
- borderPress: "rgba(255, 255, 255, 0)",
138
- borderDisable: "rgba(255, 255, 255, 0)",
139
- text: {
140
- primary: "#66e6ff",
141
- secondary: "#ffffff",
142
- disable: "rgba(102, 230, 255, 0.4)"
143
- }
124
+ borderPress: "rgba(255, 255, 255, 0)"
125
+ },
126
+ text: {
127
+ primary: "#000000",
128
+ secondary: "#ffffff",
129
+ tertiary: "#55dcf6",
130
+ disable: "#b3b3b3"
144
131
  }
145
132
  },
146
- brandExtra: {
133
+ mono: {
147
134
  primary: {
148
- bg: "#d9ff66",
149
- bgHover: "#ccff33",
150
- bgPress: "#e6ff99",
151
- bgDisable: "#6b7755",
135
+ bg: "#ffffff",
136
+ bgHover: "#e8eced",
137
+ bgPress: "#f4f5f6",
152
138
  border: "rgba(255, 255, 255, 0)",
153
139
  borderHover: "rgba(255, 255, 255, 0)",
154
- borderPress: "rgba(255, 255, 255, 0)",
155
- borderDisable: "rgba(255, 255, 255, 0)",
156
- text: {
157
- primary: "#000000",
158
- secondary: "#ffffff",
159
- disable: "#a6b5a0"
160
- }
140
+ borderPress: "rgba(255, 255, 255, 0)"
161
141
  },
162
142
  secondary: {
163
- bg: "rgba(217, 255, 102, 0.4)",
164
- bgHover: "rgba(204, 255, 51, 0.4)",
165
- bgPress: "rgba(230, 255, 153, 0.4)",
166
- bgDisable: "rgba(217, 255, 102, 0.2)",
143
+ bg: "rgba(255, 255, 255, 0.4)",
144
+ bgHover: "rgba(255, 255, 255, 0.34)",
145
+ bgPress: "rgba(255, 255, 255, 0.44)",
167
146
  border: "rgba(255, 255, 255, 0)",
168
147
  borderHover: "rgba(255, 255, 255, 0)",
169
- borderPress: "rgba(255, 255, 255, 0)",
170
- borderDisable: "rgba(255, 255, 255, 0)",
171
- text: {
172
- primary: "#000000",
173
- secondary: "#ffffff",
174
- disable: "rgba(0, 0, 0, 0.4)"
175
- }
148
+ borderPress: "rgba(255, 255, 255, 0)"
176
149
  },
177
150
  tertiary: {
178
151
  bg: "rgba(255, 255, 255, 0)",
179
- bgHover: "rgba(217, 255, 102, 0.12)",
180
- bgPress: "rgba(217, 255, 102, 0.08)",
181
- bgDisable: "rgba(255, 255, 255, 0)",
152
+ bgHover: "rgba(255, 255, 255, 0.07)",
153
+ bgPress: "rgba(255, 255, 255, 0.12)",
182
154
  border: "rgba(255, 255, 255, 0)",
183
155
  borderHover: "rgba(255, 255, 255, 0)",
184
- borderPress: "rgba(255, 255, 255, 0)",
185
- borderDisable: "rgba(255, 255, 255, 0)",
186
- text: {
187
- primary: "#d9ff66",
188
- secondary: "#ffffff",
189
- disable: "rgba(217, 255, 102, 0.4)"
190
- }
156
+ borderPress: "rgba(255, 255, 255, 0)"
157
+ },
158
+ text: {
159
+ primary: "#000000",
160
+ secondary: "#ffffff",
161
+ tertiary: "#ffffff"
191
162
  }
192
163
  },
193
- alert: {
164
+ brandExtra: {
194
165
  primary: {
195
- bg: "#ff8066",
196
- bgHover: "#ffaa99",
197
- bgPress: "#ff5533",
198
- bgDisable: "#775555",
166
+ bg: "#cef655",
167
+ bgHover: "#bae831",
168
+ bgPress: "#dfff80",
199
169
  border: "rgba(255, 255, 255, 0)",
200
170
  borderHover: "rgba(255, 255, 255, 0)",
201
- borderPress: "rgba(255, 255, 255, 0)",
202
- borderDisable: "rgba(255, 255, 255, 0)",
203
- text: {
204
- primary: "#ffffff",
205
- secondary: "#ffffff",
206
- disable: "#bfa6a6"
207
- }
171
+ borderPress: "rgba(255, 255, 255, 0)"
208
172
  },
209
173
  secondary: {
210
- bg: "rgba(255, 128, 102, 0.4)",
211
- bgHover: "rgba(255, 170, 153, 0.4)",
212
- bgPress: "rgba(255, 85, 51, 0.4)",
213
- bgDisable: "rgba(255, 128, 102, 0.2)",
174
+ bg: "rgba(186, 232, 49, 0.4)",
175
+ bgHover: "rgba(206, 246, 85, 0.4)",
176
+ bgPress: "rgba(186, 232, 49, 0.4)",
214
177
  border: "rgba(255, 255, 255, 0)",
215
178
  borderHover: "rgba(255, 255, 255, 0)",
216
- borderPress: "rgba(255, 255, 255, 0)",
217
- borderDisable: "rgba(255, 255, 255, 0)",
218
- text: {
219
- primary: "#ffffff",
220
- secondary: "#ffffff",
221
- disable: "rgba(255, 255, 255, 0.4)"
222
- }
179
+ borderPress: "rgba(255, 255, 255, 0)"
223
180
  },
224
181
  tertiary: {
225
- bg: "rgba(255, 255, 255, 0)",
226
- bgHover: "rgba(255, 128, 102, 0.12)",
227
- bgPress: "rgba(255, 128, 102, 0.08)",
228
- bgDisable: "rgba(255, 255, 255, 0)",
182
+ bg: "rgba(186, 232, 49, 0)",
183
+ bgHover: "rgba(206, 246, 85, 0.07)",
184
+ bgPress: "rgba(186, 232, 49, 0.12)",
229
185
  border: "rgba(255, 255, 255, 0)",
230
186
  borderHover: "rgba(255, 255, 255, 0)",
231
- borderPress: "rgba(255, 255, 255, 0)",
232
- borderDisable: "rgba(255, 255, 255, 0)",
233
- text: {
234
- primary: "#ff8066",
235
- secondary: "#ffffff",
236
- disable: "rgba(255, 128, 102, 0.4)"
237
- }
187
+ borderPress: "rgba(255, 255, 255, 0)"
188
+ },
189
+ text: {
190
+ primary: "#000000",
191
+ secondary: "#ffffff",
192
+ tertiary: "#cef655"
238
193
  }
239
194
  },
240
- mono: {
195
+ alert: {
196
+ bg: "#6c2213",
197
+ border: "#f67055",
241
198
  primary: {
242
- bg: "#ffffff",
243
- bgHover: "#f0f4f4",
244
- bgPress: "#f6f8f9",
245
- bgDisable: "#707777",
199
+ bg: "#f67055",
200
+ bgHover: "#ff9580",
201
+ bgPress: "#e84f30",
246
202
  border: "rgba(255, 255, 255, 0)",
247
203
  borderHover: "rgba(255, 255, 255, 0)",
248
- borderPress: "rgba(255, 255, 255, 0)",
249
- borderDisable: "rgba(255, 255, 255, 0)",
250
- text: {
251
- primary: "#000000",
252
- secondary: "#ffffff",
253
- disable: "#a6b5b5"
254
- }
204
+ borderPress: "rgba(255, 255, 255, 0)"
255
205
  },
256
206
  secondary: {
257
- bg: "rgba(255, 255, 255, 0.4)",
258
- bgHover: "rgba(255, 255, 255, 0.34)",
259
- bgPress: "rgba(255, 255, 255, 0.44)",
260
- bgDisable: "rgba(255, 255, 255, 0.2)",
207
+ bg: "rgba(232, 79, 48, 0.4)",
208
+ bgHover: "rgba(246, 112, 85, 0.4)",
209
+ bgPress: "rgba(195, 61, 34, 0.4)",
261
210
  border: "rgba(255, 255, 255, 0)",
262
211
  borderHover: "rgba(255, 255, 255, 0)",
263
- borderPress: "rgba(255, 255, 255, 0)",
264
- borderDisable: "rgba(255, 255, 255, 0)",
265
- text: {
266
- primary: "#000000",
267
- secondary: "#ffffff",
268
- disable: "rgba(0, 0, 0, 0.4)"
269
- }
212
+ borderPress: "rgba(255, 255, 255, 0)"
270
213
  },
271
214
  tertiary: {
272
- bg: "rgba(255, 255, 255, 0)",
273
- bgHover: "rgba(255, 255, 255, 0.12)",
274
- bgPress: "rgba(255, 255, 255, 0.08)",
275
- bgDisable: "rgba(255, 255, 255, 0)",
215
+ bg: "rgba(255, 43, 0, 0)",
216
+ bgHover: "rgba(255, 170, 153, 0.07)",
217
+ bgPress: "rgba(255, 85, 51, 0.12)",
276
218
  border: "rgba(255, 255, 255, 0)",
277
219
  borderHover: "rgba(255, 255, 255, 0)",
278
- borderPress: "rgba(255, 255, 255, 0)",
279
- borderDisable: "rgba(255, 255, 255, 0)",
280
- text: {
281
- primary: "#ffffff",
282
- secondary: "#ffffff",
283
- disable: "rgba(255, 255, 255, 0.4)"
284
- }
220
+ borderPress: "rgba(255, 255, 255, 0)"
221
+ },
222
+ text: {
223
+ primary: "#ffffff",
224
+ secondary: "#ffffff",
225
+ tertiary: "#f67055"
285
226
  }
286
227
  },
287
228
  input: {
288
229
  bg: "rgba(255, 255, 255, 0.12)",
289
230
  bgHover: "rgba(255, 255, 255, 0.15)",
290
231
  bgDisable: "rgba(255, 255, 255, 0.25)",
291
- border: "rgba(255, 255, 255, 0)",
292
- borderHover: "rgba(255, 255, 255, 0.1)",
232
+ border: "rgba(255, 255, 255, 0.1)",
233
+ borderHover: "rgba(255, 255, 255, 0.15)",
293
234
  borderDisable: "rgba(255, 255, 255, 0)",
294
235
  text: "#ffffff",
295
- textDisable: "rgba(255, 255, 255, 0.36)",
296
- placeholder: "rgba(255, 255, 255, 0.55)"
236
+ placeholder: "rgba(255, 255, 255, 0.56)",
237
+ textDisable: "rgba(255, 255, 255, 0.36)"
297
238
  },
298
239
  focus: {
299
- bg: "rgba(255, 255, 255, 1)"
240
+ bg: "#1b2628",
241
+ border: "#55dcf6"
300
242
  },
301
243
  check: {
302
244
  bg: "#ffffff",
303
- bgHover: "#f0f4f4",
304
- bgDisable: "rgba(255, 255, 255, 0.2)"
245
+ bgHover: "#e8eced",
246
+ bgDisable: "rgba(255, 255, 255, 0.2)",
247
+ border: "rgba(255, 255, 255, 0)",
248
+ borderHover: "rgba(255, 255, 255, 0)",
249
+ borderDisable: "rgba(255, 255, 255, 0)",
250
+ text: "#000000"
305
251
  },
306
252
  faint: {
307
253
  bg: "rgba(255, 255, 255, 0.15)",
@@ -313,26 +259,40 @@ var control = {
313
259
  bg: "rgba(255, 255, 255, 0.1)",
314
260
  bgHover: "rgba(255, 255, 255, 0.15)"
315
261
  },
316
- segmented: {
317
- bg: "rgba(255, 255, 255, 0.08)",
318
- bgHover: "rgba(255, 255, 255, 0.10)",
319
- bgActive: "#ffffff",
320
- textActive: "#1a1a1a"
321
- },
322
262
  text: {
323
263
  primary: "#ffffff",
324
- secondary: "#ffffff",
325
- faint: "#000000",
326
264
  disable: "rgba(255, 255, 255, 0.4)"
327
265
  },
328
266
  link: {
329
- primary: "#66e6ff",
330
- primaryHover: "rgba(102, 230, 255, 0.7)",
331
- secondary: "#d9ff66",
332
- secondaryHover: "rgba(217, 255, 102, 0.7)"
267
+ primary: "#55dcf6",
268
+ primaryHover: "#80eaff",
269
+ secondary: "#cef655",
270
+ secondaryHover: "#dfff80"
271
+ },
272
+ segmented: {
273
+ bg: "rgba(255, 255, 255, 0.1)",
274
+ bgHover: "rgba(255, 255, 255, 0.1)",
275
+ bgActive: "rgba(255, 255, 255, 0.1)",
276
+ border: "rgba(255, 255, 255, 0.1)",
277
+ borderHover: "rgba(255, 255, 255, 0.1)",
278
+ borderActive: "rgba(255, 255, 255, 0.1)",
279
+ text: "#ffffff",
280
+ textDisable: "#ffffff"
281
+ },
282
+ toggleButton: {
283
+ bg: "rgba(255, 255, 255, 0.1)",
284
+ bgHover: "rgba(255, 255, 255, 0.15)",
285
+ bgPress: "#000000",
286
+ bgDisable: "rgba(255, 255, 255, 0.06)",
287
+ border: "rgba(255, 255, 255, 0.16)",
288
+ borderHover: "rgba(255, 255, 255, 0.16)",
289
+ borderPress: "rgba(255, 255, 255, 0)",
290
+ borderDisable: "rgba(255, 255, 255, 0.16)",
291
+ text: "#e8eced",
292
+ textDisable: "rgba(255, 255, 255, 0.4)"
333
293
  }
334
294
  };
335
- var darkTheme = {
295
+ var xsollaDark = {
336
296
  background: background,
337
297
  content: content,
338
298
  border: border,
@@ -449,182 +409,123 @@ declare const colors: {
449
409
  borderHover: string;
450
410
  borderPress: string;
451
411
  borderDisable: string;
452
- text: {
453
- primary: string;
454
- secondary: string;
455
- disable: string;
456
- };
457
412
  };
458
413
  secondary: {
459
414
  bg: string;
460
415
  bgHover: string;
461
416
  bgPress: string;
462
- bgDisable: string;
463
417
  border: string;
464
418
  borderHover: string;
465
419
  borderPress: string;
466
- borderDisable: string;
467
- text: {
468
- primary: string;
469
- secondary: string;
470
- disable: string;
471
- };
472
420
  };
473
421
  tertiary: {
474
422
  bg: string;
475
423
  bgHover: string;
476
424
  bgPress: string;
477
- bgDisable: string;
478
425
  border: string;
479
426
  borderHover: string;
480
427
  borderPress: string;
481
- borderDisable: string;
482
- text: {
483
- primary: string;
484
- secondary: string;
485
- disable: string;
486
- };
428
+ };
429
+ text: {
430
+ primary: string;
431
+ secondary: string;
432
+ tertiary: string;
433
+ disable: string;
487
434
  };
488
435
  };
489
- brandExtra: {
436
+ mono: {
490
437
  primary: {
491
438
  bg: string;
492
439
  bgHover: string;
493
440
  bgPress: string;
494
- bgDisable: string;
495
441
  border: string;
496
442
  borderHover: string;
497
443
  borderPress: string;
498
- borderDisable: string;
499
- text: {
500
- primary: string;
501
- secondary: string;
502
- disable: string;
503
- };
504
444
  };
505
445
  secondary: {
506
446
  bg: string;
507
447
  bgHover: string;
508
448
  bgPress: string;
509
- bgDisable: string;
510
449
  border: string;
511
450
  borderHover: string;
512
451
  borderPress: string;
513
- borderDisable: string;
514
- text: {
515
- primary: string;
516
- secondary: string;
517
- disable: string;
518
- };
519
452
  };
520
453
  tertiary: {
521
454
  bg: string;
522
455
  bgHover: string;
523
456
  bgPress: string;
524
- bgDisable: string;
525
457
  border: string;
526
458
  borderHover: string;
527
459
  borderPress: string;
528
- borderDisable: string;
529
- text: {
530
- primary: string;
531
- secondary: string;
532
- disable: string;
533
- };
460
+ };
461
+ text: {
462
+ primary: string;
463
+ secondary: string;
464
+ tertiary: string;
534
465
  };
535
466
  };
536
- alert: {
467
+ brandExtra: {
537
468
  primary: {
538
469
  bg: string;
539
470
  bgHover: string;
540
471
  bgPress: string;
541
- bgDisable: string;
542
472
  border: string;
543
473
  borderHover: string;
544
474
  borderPress: string;
545
- borderDisable: string;
546
- text: {
547
- primary: string;
548
- secondary: string;
549
- disable: string;
550
- };
551
475
  };
552
476
  secondary: {
553
477
  bg: string;
554
478
  bgHover: string;
555
479
  bgPress: string;
556
- bgDisable: string;
557
480
  border: string;
558
481
  borderHover: string;
559
482
  borderPress: string;
560
- borderDisable: string;
561
- text: {
562
- primary: string;
563
- secondary: string;
564
- disable: string;
565
- };
566
483
  };
567
484
  tertiary: {
568
485
  bg: string;
569
486
  bgHover: string;
570
487
  bgPress: string;
571
- bgDisable: string;
572
488
  border: string;
573
489
  borderHover: string;
574
490
  borderPress: string;
575
- borderDisable: string;
576
- text: {
577
- primary: string;
578
- secondary: string;
579
- disable: string;
580
- };
491
+ };
492
+ text: {
493
+ primary: string;
494
+ secondary: string;
495
+ tertiary: string;
581
496
  };
582
497
  };
583
- mono: {
498
+ alert: {
499
+ bg: string;
500
+ border: string;
584
501
  primary: {
585
502
  bg: string;
586
503
  bgHover: string;
587
504
  bgPress: string;
588
- bgDisable: string;
589
505
  border: string;
590
506
  borderHover: string;
591
507
  borderPress: string;
592
- borderDisable: string;
593
- text: {
594
- primary: string;
595
- secondary: string;
596
- disable: string;
597
- };
598
508
  };
599
509
  secondary: {
600
510
  bg: string;
601
511
  bgHover: string;
602
512
  bgPress: string;
603
- bgDisable: string;
604
513
  border: string;
605
514
  borderHover: string;
606
515
  borderPress: string;
607
- borderDisable: string;
608
- text: {
609
- primary: string;
610
- secondary: string;
611
- disable: string;
612
- };
613
516
  };
614
517
  tertiary: {
615
518
  bg: string;
616
519
  bgHover: string;
617
520
  bgPress: string;
618
- bgDisable: string;
619
521
  border: string;
620
522
  borderHover: string;
621
523
  borderPress: string;
622
- borderDisable: string;
623
- text: {
624
- primary: string;
625
- secondary: string;
626
- disable: string;
627
- };
524
+ };
525
+ text: {
526
+ primary: string;
527
+ secondary: string;
528
+ tertiary: string;
628
529
  };
629
530
  };
630
531
  input: {
@@ -635,16 +536,21 @@ declare const colors: {
635
536
  borderHover: string;
636
537
  borderDisable: string;
637
538
  text: string;
638
- textDisable: string;
639
539
  placeholder: string;
540
+ textDisable: string;
640
541
  };
641
542
  focus: {
642
543
  bg: string;
544
+ border: string;
643
545
  };
644
546
  check: {
645
547
  bg: string;
646
548
  bgHover: string;
647
549
  bgDisable: string;
550
+ border: string;
551
+ borderHover: string;
552
+ borderDisable: string;
553
+ text: string;
648
554
  };
649
555
  faint: {
650
556
  bg: string;
@@ -656,16 +562,8 @@ declare const colors: {
656
562
  bg: string;
657
563
  bgHover: string;
658
564
  };
659
- segmented: {
660
- bg: string;
661
- bgHover: string;
662
- bgActive: string;
663
- textActive: string;
664
- };
665
565
  text: {
666
566
  primary: string;
667
- secondary: string;
668
- faint: string;
669
567
  disable: string;
670
568
  };
671
569
  link: {
@@ -674,6 +572,28 @@ declare const colors: {
674
572
  secondary: string;
675
573
  secondaryHover: string;
676
574
  };
575
+ segmented: {
576
+ bg: string;
577
+ bgHover: string;
578
+ bgActive: string;
579
+ border: string;
580
+ borderHover: string;
581
+ borderActive: string;
582
+ text: string;
583
+ textDisable: string;
584
+ };
585
+ toggleButton: {
586
+ bg: string;
587
+ bgHover: string;
588
+ bgPress: string;
589
+ bgDisable: string;
590
+ border: string;
591
+ borderHover: string;
592
+ borderPress: string;
593
+ borderDisable: string;
594
+ text: string;
595
+ textDisable: string;
596
+ };
677
597
  };
678
598
  };
679
599
  light: {
@@ -783,182 +703,123 @@ declare const colors: {
783
703
  borderHover: string;
784
704
  borderPress: string;
785
705
  borderDisable: string;
786
- text: {
787
- primary: string;
788
- secondary: string;
789
- disable: string;
790
- };
791
706
  };
792
707
  secondary: {
793
708
  bg: string;
794
709
  bgHover: string;
795
710
  bgPress: string;
796
- bgDisable: string;
797
711
  border: string;
798
712
  borderHover: string;
799
713
  borderPress: string;
800
- borderDisable: string;
801
- text: {
802
- primary: string;
803
- secondary: string;
804
- disable: string;
805
- };
806
714
  };
807
715
  tertiary: {
808
716
  bg: string;
809
717
  bgHover: string;
810
718
  bgPress: string;
811
- bgDisable: string;
812
719
  border: string;
813
720
  borderHover: string;
814
721
  borderPress: string;
815
- borderDisable: string;
816
- text: {
817
- primary: string;
818
- secondary: string;
819
- disable: string;
820
- };
722
+ };
723
+ text: {
724
+ primary: string;
725
+ secondary: string;
726
+ tertiary: string;
727
+ disable: string;
821
728
  };
822
729
  };
823
- brandExtra: {
730
+ mono: {
824
731
  primary: {
825
732
  bg: string;
826
733
  bgHover: string;
827
734
  bgPress: string;
828
- bgDisable: string;
829
735
  border: string;
830
736
  borderHover: string;
831
737
  borderPress: string;
832
- borderDisable: string;
833
- text: {
834
- primary: string;
835
- secondary: string;
836
- disable: string;
837
- };
838
738
  };
839
739
  secondary: {
840
740
  bg: string;
841
741
  bgHover: string;
842
742
  bgPress: string;
843
- bgDisable: string;
844
743
  border: string;
845
744
  borderHover: string;
846
745
  borderPress: string;
847
- borderDisable: string;
848
- text: {
849
- primary: string;
850
- secondary: string;
851
- disable: string;
852
- };
853
746
  };
854
747
  tertiary: {
855
748
  bg: string;
856
749
  bgHover: string;
857
750
  bgPress: string;
858
- bgDisable: string;
859
751
  border: string;
860
752
  borderHover: string;
861
753
  borderPress: string;
862
- borderDisable: string;
863
- text: {
864
- primary: string;
865
- secondary: string;
866
- disable: string;
867
- };
754
+ };
755
+ text: {
756
+ primary: string;
757
+ secondary: string;
758
+ tertiary: string;
868
759
  };
869
760
  };
870
- alert: {
761
+ brandExtra: {
871
762
  primary: {
872
763
  bg: string;
873
764
  bgHover: string;
874
765
  bgPress: string;
875
- bgDisable: string;
876
766
  border: string;
877
767
  borderHover: string;
878
768
  borderPress: string;
879
- borderDisable: string;
880
- text: {
881
- primary: string;
882
- secondary: string;
883
- disable: string;
884
- };
885
769
  };
886
770
  secondary: {
887
771
  bg: string;
888
772
  bgHover: string;
889
773
  bgPress: string;
890
- bgDisable: string;
891
774
  border: string;
892
775
  borderHover: string;
893
776
  borderPress: string;
894
- borderDisable: string;
895
- text: {
896
- primary: string;
897
- secondary: string;
898
- disable: string;
899
- };
900
777
  };
901
778
  tertiary: {
902
779
  bg: string;
903
780
  bgHover: string;
904
781
  bgPress: string;
905
- bgDisable: string;
906
782
  border: string;
907
783
  borderHover: string;
908
784
  borderPress: string;
909
- borderDisable: string;
910
- text: {
911
- primary: string;
912
- secondary: string;
913
- disable: string;
914
- };
785
+ };
786
+ text: {
787
+ primary: string;
788
+ secondary: string;
789
+ tertiary: string;
915
790
  };
916
791
  };
917
- mono: {
792
+ alert: {
793
+ bg: string;
794
+ border: string;
918
795
  primary: {
919
796
  bg: string;
920
797
  bgHover: string;
921
798
  bgPress: string;
922
- bgDisable: string;
923
799
  border: string;
924
800
  borderHover: string;
925
801
  borderPress: string;
926
- borderDisable: string;
927
- text: {
928
- primary: string;
929
- secondary: string;
930
- disable: string;
931
- };
932
802
  };
933
803
  secondary: {
934
804
  bg: string;
935
805
  bgHover: string;
936
806
  bgPress: string;
937
- bgDisable: string;
938
807
  border: string;
939
808
  borderHover: string;
940
809
  borderPress: string;
941
- borderDisable: string;
942
- text: {
943
- primary: string;
944
- secondary: string;
945
- disable: string;
946
- };
947
810
  };
948
811
  tertiary: {
949
812
  bg: string;
950
813
  bgHover: string;
951
814
  bgPress: string;
952
- bgDisable: string;
953
815
  border: string;
954
816
  borderHover: string;
955
817
  borderPress: string;
956
- borderDisable: string;
957
- text: {
958
- primary: string;
959
- secondary: string;
960
- disable: string;
961
- };
818
+ };
819
+ text: {
820
+ primary: string;
821
+ secondary: string;
822
+ tertiary: string;
962
823
  };
963
824
  };
964
825
  input: {
@@ -969,16 +830,21 @@ declare const colors: {
969
830
  borderHover: string;
970
831
  borderDisable: string;
971
832
  text: string;
972
- textDisable: string;
973
833
  placeholder: string;
834
+ textDisable: string;
974
835
  };
975
836
  focus: {
976
837
  bg: string;
838
+ border: string;
977
839
  };
978
840
  check: {
979
841
  bg: string;
980
842
  bgHover: string;
981
843
  bgDisable: string;
844
+ border: string;
845
+ borderHover: string;
846
+ borderDisable: string;
847
+ text: string;
982
848
  };
983
849
  faint: {
984
850
  bg: string;
@@ -990,16 +856,2992 @@ declare const colors: {
990
856
  bg: string;
991
857
  bgHover: string;
992
858
  };
859
+ text: {
860
+ primary: string;
861
+ disable: string;
862
+ };
863
+ link: {
864
+ primary: string;
865
+ primaryHover: string;
866
+ secondary: string;
867
+ secondaryHover: string;
868
+ };
993
869
  segmented: {
994
870
  bg: string;
995
871
  bgHover: string;
996
872
  bgActive: string;
997
- textActive: string;
873
+ border: string;
874
+ borderHover: string;
875
+ borderActive: string;
876
+ text: string;
877
+ textDisable: string;
878
+ };
879
+ toggleButton: {
880
+ bg: string;
881
+ bgHover: string;
882
+ bgPress: string;
883
+ bgDisable: string;
884
+ border: string;
885
+ borderHover: string;
886
+ borderPress: string;
887
+ borderDisable: string;
888
+ text: string;
889
+ textDisable: string;
890
+ };
891
+ };
892
+ };
893
+ "pentagram-dark": {
894
+ background: {
895
+ primary: string;
896
+ secondary: string;
897
+ inverse: string;
898
+ brand: {
899
+ primary: string;
900
+ secondary: string;
901
+ };
902
+ brandExtra: {
903
+ primary: string;
904
+ secondary: string;
905
+ };
906
+ success: {
907
+ primary: string;
908
+ secondary: string;
909
+ };
910
+ warning: {
911
+ primary: string;
912
+ secondary: string;
913
+ };
914
+ alert: {
915
+ primary: string;
916
+ secondary: string;
917
+ };
918
+ neutral: {
919
+ primary: string;
920
+ secondary: string;
921
+ };
922
+ };
923
+ content: {
924
+ primary: string;
925
+ secondary: string;
926
+ tertiary: string;
927
+ inverse: string;
928
+ brand: {
929
+ primary: string;
930
+ secondary: string;
931
+ };
932
+ brandExtra: {
933
+ primary: string;
934
+ secondary: string;
935
+ };
936
+ success: {
937
+ primary: string;
938
+ secondary: string;
939
+ };
940
+ warning: {
941
+ primary: string;
942
+ secondary: string;
943
+ };
944
+ alert: {
945
+ primary: string;
946
+ secondary: string;
947
+ };
948
+ neutral: {
949
+ primary: string;
950
+ secondary: string;
951
+ };
952
+ on: {
953
+ brand: string;
954
+ brandExtra: string;
955
+ success: string;
956
+ warning: string;
957
+ alert: string;
958
+ neutral: string;
959
+ };
960
+ static: {
961
+ light: string;
962
+ dark: string;
963
+ };
964
+ };
965
+ border: {
966
+ primary: string;
967
+ secondary: string;
968
+ inverse: string;
969
+ brand: string;
970
+ brandExtra: string;
971
+ success: string;
972
+ warning: string;
973
+ alert: string;
974
+ neutral: string;
975
+ };
976
+ overlay: {
977
+ mono: string;
978
+ brand: string;
979
+ brandExtra: string;
980
+ success: string;
981
+ warning: string;
982
+ alert: string;
983
+ neutral: string;
984
+ };
985
+ layer: {
986
+ scrim: string;
987
+ float: string;
988
+ };
989
+ control: {
990
+ brand: {
991
+ primary: {
992
+ bg: string;
993
+ bgHover: string;
994
+ bgPress: string;
995
+ bgDisable: string;
996
+ border: string;
997
+ borderHover: string;
998
+ borderPress: string;
999
+ borderDisable: string;
1000
+ };
1001
+ secondary: {
1002
+ bg: string;
1003
+ bgHover: string;
1004
+ bgPress: string;
1005
+ border: string;
1006
+ borderHover: string;
1007
+ borderPress: string;
1008
+ };
1009
+ tertiary: {
1010
+ bg: string;
1011
+ bgHover: string;
1012
+ bgPress: string;
1013
+ border: string;
1014
+ borderHover: string;
1015
+ borderPress: string;
1016
+ };
1017
+ text: {
1018
+ primary: string;
1019
+ secondary: string;
1020
+ tertiary: string;
1021
+ disable: string;
1022
+ };
1023
+ };
1024
+ mono: {
1025
+ primary: {
1026
+ bg: string;
1027
+ bgHover: string;
1028
+ bgPress: string;
1029
+ border: string;
1030
+ borderHover: string;
1031
+ borderPress: string;
1032
+ };
1033
+ secondary: {
1034
+ bg: string;
1035
+ bgHover: string;
1036
+ bgPress: string;
1037
+ border: string;
1038
+ borderHover: string;
1039
+ borderPress: string;
1040
+ };
1041
+ tertiary: {
1042
+ bg: string;
1043
+ bgHover: string;
1044
+ bgPress: string;
1045
+ border: string;
1046
+ borderHover: string;
1047
+ borderPress: string;
1048
+ };
1049
+ text: {
1050
+ primary: string;
1051
+ secondary: string;
1052
+ tertiary: string;
1053
+ };
1054
+ };
1055
+ brandExtra: {
1056
+ primary: {
1057
+ bg: string;
1058
+ bgHover: string;
1059
+ bgPress: string;
1060
+ border: string;
1061
+ borderHover: string;
1062
+ borderPress: string;
1063
+ };
1064
+ secondary: {
1065
+ bg: string;
1066
+ bgHover: string;
1067
+ bgPress: string;
1068
+ border: string;
1069
+ borderHover: string;
1070
+ borderPress: string;
1071
+ };
1072
+ tertiary: {
1073
+ bg: string;
1074
+ bgHover: string;
1075
+ bgPress: string;
1076
+ border: string;
1077
+ borderHover: string;
1078
+ borderPress: string;
1079
+ };
1080
+ text: {
1081
+ primary: string;
1082
+ secondary: string;
1083
+ tertiary: string;
1084
+ };
1085
+ };
1086
+ alert: {
1087
+ bg: string;
1088
+ border: string;
1089
+ primary: {
1090
+ bg: string;
1091
+ bgHover: string;
1092
+ bgPress: string;
1093
+ border: string;
1094
+ borderHover: string;
1095
+ borderPress: string;
1096
+ };
1097
+ secondary: {
1098
+ bg: string;
1099
+ bgHover: string;
1100
+ bgPress: string;
1101
+ border: string;
1102
+ borderHover: string;
1103
+ borderPress: string;
1104
+ };
1105
+ tertiary: {
1106
+ bg: string;
1107
+ bgHover: string;
1108
+ bgPress: string;
1109
+ border: string;
1110
+ borderHover: string;
1111
+ borderPress: string;
1112
+ };
1113
+ text: {
1114
+ primary: string;
1115
+ secondary: string;
1116
+ tertiary: string;
1117
+ };
1118
+ };
1119
+ input: {
1120
+ bg: string;
1121
+ bgHover: string;
1122
+ bgDisable: string;
1123
+ border: string;
1124
+ borderHover: string;
1125
+ borderDisable: string;
1126
+ text: string;
1127
+ placeholder: string;
1128
+ textDisable: string;
1129
+ };
1130
+ focus: {
1131
+ bg: string;
1132
+ border: string;
1133
+ };
1134
+ check: {
1135
+ bg: string;
1136
+ bgHover: string;
1137
+ bgDisable: string;
1138
+ border: string;
1139
+ borderHover: string;
1140
+ borderDisable: string;
1141
+ text: string;
1142
+ };
1143
+ faint: {
1144
+ bg: string;
1145
+ bgHover: string;
1146
+ border: string;
1147
+ borderHover: string;
1148
+ };
1149
+ switch: {
1150
+ bg: string;
1151
+ bgHover: string;
1152
+ };
1153
+ text: {
1154
+ primary: string;
1155
+ disable: string;
1156
+ };
1157
+ link: {
1158
+ primary: string;
1159
+ primaryHover: string;
1160
+ secondary: string;
1161
+ secondaryHover: string;
1162
+ };
1163
+ segmented: {
1164
+ bg: string;
1165
+ bgHover: string;
1166
+ bgActive: string;
1167
+ border: string;
1168
+ borderHover: string;
1169
+ borderActive: string;
1170
+ text: string;
1171
+ textDisable: string;
1172
+ };
1173
+ toggleButton: {
1174
+ bg: string;
1175
+ bgHover: string;
1176
+ bgPress: string;
1177
+ bgDisable: string;
1178
+ border: string;
1179
+ borderHover: string;
1180
+ borderPress: string;
1181
+ borderDisable: string;
1182
+ text: string;
1183
+ textDisable: string;
1184
+ };
1185
+ };
1186
+ };
1187
+ "pentagram-light": {
1188
+ background: {
1189
+ primary: string;
1190
+ secondary: string;
1191
+ inverse: string;
1192
+ brand: {
1193
+ primary: string;
1194
+ secondary: string;
1195
+ };
1196
+ brandExtra: {
1197
+ primary: string;
1198
+ secondary: string;
1199
+ };
1200
+ success: {
1201
+ primary: string;
1202
+ secondary: string;
1203
+ };
1204
+ warning: {
1205
+ primary: string;
1206
+ secondary: string;
1207
+ };
1208
+ alert: {
1209
+ primary: string;
1210
+ secondary: string;
1211
+ };
1212
+ neutral: {
1213
+ primary: string;
1214
+ secondary: string;
1215
+ };
1216
+ };
1217
+ content: {
1218
+ primary: string;
1219
+ secondary: string;
1220
+ tertiary: string;
1221
+ inverse: string;
1222
+ brand: {
1223
+ primary: string;
1224
+ secondary: string;
1225
+ };
1226
+ brandExtra: {
1227
+ primary: string;
1228
+ secondary: string;
1229
+ };
1230
+ success: {
1231
+ primary: string;
1232
+ secondary: string;
1233
+ };
1234
+ warning: {
1235
+ primary: string;
1236
+ secondary: string;
1237
+ };
1238
+ alert: {
1239
+ primary: string;
1240
+ secondary: string;
1241
+ };
1242
+ neutral: {
1243
+ primary: string;
1244
+ secondary: string;
1245
+ };
1246
+ on: {
1247
+ brand: string;
1248
+ brandExtra: string;
1249
+ success: string;
1250
+ warning: string;
1251
+ alert: string;
1252
+ neutral: string;
1253
+ };
1254
+ static: {
1255
+ light: string;
1256
+ dark: string;
1257
+ };
1258
+ };
1259
+ border: {
1260
+ primary: string;
1261
+ secondary: string;
1262
+ inverse: string;
1263
+ brand: string;
1264
+ brandExtra: string;
1265
+ success: string;
1266
+ warning: string;
1267
+ alert: string;
1268
+ neutral: string;
1269
+ };
1270
+ overlay: {
1271
+ mono: string;
1272
+ brand: string;
1273
+ brandExtra: string;
1274
+ success: string;
1275
+ warning: string;
1276
+ alert: string;
1277
+ neutral: string;
1278
+ };
1279
+ layer: {
1280
+ scrim: string;
1281
+ float: string;
1282
+ };
1283
+ control: {
1284
+ brand: {
1285
+ primary: {
1286
+ bg: string;
1287
+ bgHover: string;
1288
+ bgPress: string;
1289
+ bgDisable: string;
1290
+ border: string;
1291
+ borderHover: string;
1292
+ borderPress: string;
1293
+ borderDisable: string;
1294
+ };
1295
+ secondary: {
1296
+ bg: string;
1297
+ bgHover: string;
1298
+ bgPress: string;
1299
+ border: string;
1300
+ borderHover: string;
1301
+ borderPress: string;
1302
+ };
1303
+ tertiary: {
1304
+ bg: string;
1305
+ bgHover: string;
1306
+ bgPress: string;
1307
+ border: string;
1308
+ borderHover: string;
1309
+ borderPress: string;
1310
+ };
1311
+ text: {
1312
+ primary: string;
1313
+ secondary: string;
1314
+ tertiary: string;
1315
+ disable: string;
1316
+ };
1317
+ };
1318
+ mono: {
1319
+ primary: {
1320
+ bg: string;
1321
+ bgHover: string;
1322
+ bgPress: string;
1323
+ border: string;
1324
+ borderHover: string;
1325
+ borderPress: string;
1326
+ };
1327
+ secondary: {
1328
+ bg: string;
1329
+ bgHover: string;
1330
+ bgPress: string;
1331
+ border: string;
1332
+ borderHover: string;
1333
+ borderPress: string;
1334
+ };
1335
+ tertiary: {
1336
+ bg: string;
1337
+ bgHover: string;
1338
+ bgPress: string;
1339
+ border: string;
1340
+ borderHover: string;
1341
+ borderPress: string;
1342
+ };
1343
+ text: {
1344
+ primary: string;
1345
+ secondary: string;
1346
+ tertiary: string;
1347
+ };
1348
+ };
1349
+ brandExtra: {
1350
+ primary: {
1351
+ bg: string;
1352
+ bgHover: string;
1353
+ bgPress: string;
1354
+ border: string;
1355
+ borderHover: string;
1356
+ borderPress: string;
1357
+ };
1358
+ secondary: {
1359
+ bg: string;
1360
+ bgHover: string;
1361
+ bgPress: string;
1362
+ border: string;
1363
+ borderHover: string;
1364
+ borderPress: string;
1365
+ };
1366
+ tertiary: {
1367
+ bg: string;
1368
+ bgHover: string;
1369
+ bgPress: string;
1370
+ border: string;
1371
+ borderHover: string;
1372
+ borderPress: string;
1373
+ };
1374
+ text: {
1375
+ primary: string;
1376
+ secondary: string;
1377
+ tertiary: string;
1378
+ };
1379
+ };
1380
+ alert: {
1381
+ bg: string;
1382
+ border: string;
1383
+ primary: {
1384
+ bg: string;
1385
+ bgHover: string;
1386
+ bgPress: string;
1387
+ border: string;
1388
+ borderHover: string;
1389
+ borderPress: string;
1390
+ };
1391
+ secondary: {
1392
+ bg: string;
1393
+ bgHover: string;
1394
+ bgPress: string;
1395
+ border: string;
1396
+ borderHover: string;
1397
+ borderPress: string;
1398
+ };
1399
+ tertiary: {
1400
+ bg: string;
1401
+ bgHover: string;
1402
+ bgPress: string;
1403
+ border: string;
1404
+ borderHover: string;
1405
+ borderPress: string;
1406
+ };
1407
+ text: {
1408
+ primary: string;
1409
+ secondary: string;
1410
+ tertiary: string;
1411
+ };
1412
+ };
1413
+ input: {
1414
+ bg: string;
1415
+ bgHover: string;
1416
+ bgDisable: string;
1417
+ border: string;
1418
+ borderHover: string;
1419
+ borderDisable: string;
1420
+ text: string;
1421
+ placeholder: string;
1422
+ textDisable: string;
1423
+ };
1424
+ focus: {
1425
+ bg: string;
1426
+ border: string;
1427
+ };
1428
+ check: {
1429
+ bg: string;
1430
+ bgHover: string;
1431
+ bgDisable: string;
1432
+ border: string;
1433
+ borderHover: string;
1434
+ borderDisable: string;
1435
+ text: string;
1436
+ };
1437
+ faint: {
1438
+ bg: string;
1439
+ bgHover: string;
1440
+ border: string;
1441
+ borderHover: string;
1442
+ };
1443
+ switch: {
1444
+ bg: string;
1445
+ bgHover: string;
1446
+ };
1447
+ text: {
1448
+ primary: string;
1449
+ disable: string;
1450
+ };
1451
+ link: {
1452
+ primary: string;
1453
+ primaryHover: string;
1454
+ secondary: string;
1455
+ secondaryHover: string;
1456
+ };
1457
+ segmented: {
1458
+ bg: string;
1459
+ bgHover: string;
1460
+ bgActive: string;
1461
+ border: string;
1462
+ borderHover: string;
1463
+ borderActive: string;
1464
+ text: string;
1465
+ textDisable: string;
1466
+ };
1467
+ toggleButton: {
1468
+ bg: string;
1469
+ bgHover: string;
1470
+ bgPress: string;
1471
+ bgDisable: string;
1472
+ border: string;
1473
+ borderHover: string;
1474
+ borderPress: string;
1475
+ borderDisable: string;
1476
+ text: string;
1477
+ textDisable: string;
1478
+ };
1479
+ };
1480
+ };
1481
+ "xsolla-dark": {
1482
+ background: {
1483
+ primary: string;
1484
+ secondary: string;
1485
+ inverse: string;
1486
+ brand: {
1487
+ primary: string;
1488
+ secondary: string;
1489
+ };
1490
+ brandExtra: {
1491
+ primary: string;
1492
+ secondary: string;
1493
+ };
1494
+ success: {
1495
+ primary: string;
1496
+ secondary: string;
1497
+ };
1498
+ warning: {
1499
+ primary: string;
1500
+ secondary: string;
1501
+ };
1502
+ alert: {
1503
+ primary: string;
1504
+ secondary: string;
1505
+ };
1506
+ neutral: {
1507
+ primary: string;
1508
+ secondary: string;
1509
+ };
1510
+ };
1511
+ content: {
1512
+ primary: string;
1513
+ secondary: string;
1514
+ tertiary: string;
1515
+ inverse: string;
1516
+ brand: {
1517
+ primary: string;
1518
+ secondary: string;
1519
+ };
1520
+ brandExtra: {
1521
+ primary: string;
1522
+ secondary: string;
1523
+ };
1524
+ success: {
1525
+ primary: string;
1526
+ secondary: string;
1527
+ };
1528
+ warning: {
1529
+ primary: string;
1530
+ secondary: string;
1531
+ };
1532
+ alert: {
1533
+ primary: string;
1534
+ secondary: string;
1535
+ };
1536
+ neutral: {
1537
+ primary: string;
1538
+ secondary: string;
1539
+ };
1540
+ on: {
1541
+ brand: string;
1542
+ brandExtra: string;
1543
+ success: string;
1544
+ warning: string;
1545
+ alert: string;
1546
+ neutral: string;
1547
+ };
1548
+ static: {
1549
+ light: string;
1550
+ dark: string;
1551
+ };
1552
+ };
1553
+ border: {
1554
+ primary: string;
1555
+ secondary: string;
1556
+ inverse: string;
1557
+ brand: string;
1558
+ brandExtra: string;
1559
+ success: string;
1560
+ warning: string;
1561
+ alert: string;
1562
+ neutral: string;
1563
+ };
1564
+ overlay: {
1565
+ mono: string;
1566
+ brand: string;
1567
+ brandExtra: string;
1568
+ success: string;
1569
+ warning: string;
1570
+ alert: string;
1571
+ neutral: string;
1572
+ };
1573
+ layer: {
1574
+ scrim: string;
1575
+ float: string;
1576
+ };
1577
+ control: {
1578
+ brand: {
1579
+ primary: {
1580
+ bg: string;
1581
+ bgHover: string;
1582
+ bgPress: string;
1583
+ bgDisable: string;
1584
+ border: string;
1585
+ borderHover: string;
1586
+ borderPress: string;
1587
+ borderDisable: string;
1588
+ };
1589
+ secondary: {
1590
+ bg: string;
1591
+ bgHover: string;
1592
+ bgPress: string;
1593
+ border: string;
1594
+ borderHover: string;
1595
+ borderPress: string;
1596
+ };
1597
+ tertiary: {
1598
+ bg: string;
1599
+ bgHover: string;
1600
+ bgPress: string;
1601
+ border: string;
1602
+ borderHover: string;
1603
+ borderPress: string;
1604
+ };
1605
+ text: {
1606
+ primary: string;
1607
+ secondary: string;
1608
+ tertiary: string;
1609
+ disable: string;
1610
+ };
1611
+ };
1612
+ mono: {
1613
+ primary: {
1614
+ bg: string;
1615
+ bgHover: string;
1616
+ bgPress: string;
1617
+ border: string;
1618
+ borderHover: string;
1619
+ borderPress: string;
1620
+ };
1621
+ secondary: {
1622
+ bg: string;
1623
+ bgHover: string;
1624
+ bgPress: string;
1625
+ border: string;
1626
+ borderHover: string;
1627
+ borderPress: string;
1628
+ };
1629
+ tertiary: {
1630
+ bg: string;
1631
+ bgHover: string;
1632
+ bgPress: string;
1633
+ border: string;
1634
+ borderHover: string;
1635
+ borderPress: string;
1636
+ };
1637
+ text: {
1638
+ primary: string;
1639
+ secondary: string;
1640
+ tertiary: string;
1641
+ };
1642
+ };
1643
+ brandExtra: {
1644
+ primary: {
1645
+ bg: string;
1646
+ bgHover: string;
1647
+ bgPress: string;
1648
+ border: string;
1649
+ borderHover: string;
1650
+ borderPress: string;
1651
+ };
1652
+ secondary: {
1653
+ bg: string;
1654
+ bgHover: string;
1655
+ bgPress: string;
1656
+ border: string;
1657
+ borderHover: string;
1658
+ borderPress: string;
1659
+ };
1660
+ tertiary: {
1661
+ bg: string;
1662
+ bgHover: string;
1663
+ bgPress: string;
1664
+ border: string;
1665
+ borderHover: string;
1666
+ borderPress: string;
1667
+ };
1668
+ text: {
1669
+ primary: string;
1670
+ secondary: string;
1671
+ tertiary: string;
1672
+ };
1673
+ };
1674
+ alert: {
1675
+ bg: string;
1676
+ border: string;
1677
+ primary: {
1678
+ bg: string;
1679
+ bgHover: string;
1680
+ bgPress: string;
1681
+ border: string;
1682
+ borderHover: string;
1683
+ borderPress: string;
1684
+ };
1685
+ secondary: {
1686
+ bg: string;
1687
+ bgHover: string;
1688
+ bgPress: string;
1689
+ border: string;
1690
+ borderHover: string;
1691
+ borderPress: string;
1692
+ };
1693
+ tertiary: {
1694
+ bg: string;
1695
+ bgHover: string;
1696
+ bgPress: string;
1697
+ border: string;
1698
+ borderHover: string;
1699
+ borderPress: string;
1700
+ };
1701
+ text: {
1702
+ primary: string;
1703
+ secondary: string;
1704
+ tertiary: string;
1705
+ };
1706
+ };
1707
+ input: {
1708
+ bg: string;
1709
+ bgHover: string;
1710
+ bgDisable: string;
1711
+ border: string;
1712
+ borderHover: string;
1713
+ borderDisable: string;
1714
+ text: string;
1715
+ placeholder: string;
1716
+ textDisable: string;
1717
+ };
1718
+ focus: {
1719
+ bg: string;
1720
+ border: string;
1721
+ };
1722
+ check: {
1723
+ bg: string;
1724
+ bgHover: string;
1725
+ bgDisable: string;
1726
+ border: string;
1727
+ borderHover: string;
1728
+ borderDisable: string;
1729
+ text: string;
1730
+ };
1731
+ faint: {
1732
+ bg: string;
1733
+ bgHover: string;
1734
+ border: string;
1735
+ borderHover: string;
1736
+ };
1737
+ switch: {
1738
+ bg: string;
1739
+ bgHover: string;
1740
+ };
1741
+ text: {
1742
+ primary: string;
1743
+ disable: string;
1744
+ };
1745
+ link: {
1746
+ primary: string;
1747
+ primaryHover: string;
1748
+ secondary: string;
1749
+ secondaryHover: string;
1750
+ };
1751
+ segmented: {
1752
+ bg: string;
1753
+ bgHover: string;
1754
+ bgActive: string;
1755
+ border: string;
1756
+ borderHover: string;
1757
+ borderActive: string;
1758
+ text: string;
1759
+ textDisable: string;
1760
+ };
1761
+ toggleButton: {
1762
+ bg: string;
1763
+ bgHover: string;
1764
+ bgPress: string;
1765
+ bgDisable: string;
1766
+ border: string;
1767
+ borderHover: string;
1768
+ borderPress: string;
1769
+ borderDisable: string;
1770
+ text: string;
1771
+ textDisable: string;
1772
+ };
1773
+ };
1774
+ };
1775
+ "xsolla-light": {
1776
+ background: {
1777
+ primary: string;
1778
+ secondary: string;
1779
+ inverse: string;
1780
+ brand: {
1781
+ primary: string;
1782
+ secondary: string;
1783
+ };
1784
+ brandExtra: {
1785
+ primary: string;
1786
+ secondary: string;
1787
+ };
1788
+ success: {
1789
+ primary: string;
1790
+ secondary: string;
1791
+ };
1792
+ warning: {
1793
+ primary: string;
1794
+ secondary: string;
1795
+ };
1796
+ alert: {
1797
+ primary: string;
1798
+ secondary: string;
1799
+ };
1800
+ neutral: {
1801
+ primary: string;
1802
+ secondary: string;
1803
+ };
1804
+ };
1805
+ content: {
1806
+ primary: string;
1807
+ secondary: string;
1808
+ tertiary: string;
1809
+ inverse: string;
1810
+ brand: {
1811
+ primary: string;
1812
+ secondary: string;
1813
+ };
1814
+ brandExtra: {
1815
+ primary: string;
1816
+ secondary: string;
1817
+ };
1818
+ success: {
1819
+ primary: string;
1820
+ secondary: string;
1821
+ };
1822
+ warning: {
1823
+ primary: string;
1824
+ secondary: string;
1825
+ };
1826
+ alert: {
1827
+ primary: string;
1828
+ secondary: string;
1829
+ };
1830
+ neutral: {
1831
+ primary: string;
1832
+ secondary: string;
1833
+ };
1834
+ on: {
1835
+ brand: string;
1836
+ brandExtra: string;
1837
+ success: string;
1838
+ warning: string;
1839
+ alert: string;
1840
+ neutral: string;
1841
+ };
1842
+ static: {
1843
+ light: string;
1844
+ dark: string;
1845
+ };
1846
+ };
1847
+ border: {
1848
+ primary: string;
1849
+ secondary: string;
1850
+ inverse: string;
1851
+ brand: string;
1852
+ brandExtra: string;
1853
+ success: string;
1854
+ warning: string;
1855
+ alert: string;
1856
+ neutral: string;
1857
+ };
1858
+ overlay: {
1859
+ mono: string;
1860
+ brand: string;
1861
+ brandExtra: string;
1862
+ success: string;
1863
+ warning: string;
1864
+ alert: string;
1865
+ neutral: string;
1866
+ };
1867
+ layer: {
1868
+ scrim: string;
1869
+ float: string;
1870
+ };
1871
+ control: {
1872
+ brand: {
1873
+ primary: {
1874
+ bg: string;
1875
+ bgHover: string;
1876
+ bgPress: string;
1877
+ bgDisable: string;
1878
+ border: string;
1879
+ borderHover: string;
1880
+ borderPress: string;
1881
+ borderDisable: string;
1882
+ };
1883
+ secondary: {
1884
+ bg: string;
1885
+ bgHover: string;
1886
+ bgPress: string;
1887
+ border: string;
1888
+ borderHover: string;
1889
+ borderPress: string;
1890
+ };
1891
+ tertiary: {
1892
+ bg: string;
1893
+ bgHover: string;
1894
+ bgPress: string;
1895
+ border: string;
1896
+ borderHover: string;
1897
+ borderPress: string;
1898
+ };
1899
+ text: {
1900
+ primary: string;
1901
+ secondary: string;
1902
+ tertiary: string;
1903
+ disable: string;
1904
+ };
1905
+ };
1906
+ mono: {
1907
+ primary: {
1908
+ bg: string;
1909
+ bgHover: string;
1910
+ bgPress: string;
1911
+ border: string;
1912
+ borderHover: string;
1913
+ borderPress: string;
1914
+ };
1915
+ secondary: {
1916
+ bg: string;
1917
+ bgHover: string;
1918
+ bgPress: string;
1919
+ border: string;
1920
+ borderHover: string;
1921
+ borderPress: string;
1922
+ };
1923
+ tertiary: {
1924
+ bg: string;
1925
+ bgHover: string;
1926
+ bgPress: string;
1927
+ border: string;
1928
+ borderHover: string;
1929
+ borderPress: string;
1930
+ };
1931
+ text: {
1932
+ primary: string;
1933
+ secondary: string;
1934
+ tertiary: string;
1935
+ };
1936
+ };
1937
+ brandExtra: {
1938
+ primary: {
1939
+ bg: string;
1940
+ bgHover: string;
1941
+ bgPress: string;
1942
+ border: string;
1943
+ borderHover: string;
1944
+ borderPress: string;
1945
+ };
1946
+ secondary: {
1947
+ bg: string;
1948
+ bgHover: string;
1949
+ bgPress: string;
1950
+ border: string;
1951
+ borderHover: string;
1952
+ borderPress: string;
1953
+ };
1954
+ tertiary: {
1955
+ bg: string;
1956
+ bgHover: string;
1957
+ bgPress: string;
1958
+ border: string;
1959
+ borderHover: string;
1960
+ borderPress: string;
1961
+ };
1962
+ text: {
1963
+ primary: string;
1964
+ secondary: string;
1965
+ tertiary: string;
1966
+ };
1967
+ };
1968
+ alert: {
1969
+ bg: string;
1970
+ border: string;
1971
+ primary: {
1972
+ bg: string;
1973
+ bgHover: string;
1974
+ bgPress: string;
1975
+ border: string;
1976
+ borderHover: string;
1977
+ borderPress: string;
1978
+ };
1979
+ secondary: {
1980
+ bg: string;
1981
+ bgHover: string;
1982
+ bgPress: string;
1983
+ border: string;
1984
+ borderHover: string;
1985
+ borderPress: string;
1986
+ };
1987
+ tertiary: {
1988
+ bg: string;
1989
+ bgHover: string;
1990
+ bgPress: string;
1991
+ border: string;
1992
+ borderHover: string;
1993
+ borderPress: string;
1994
+ };
1995
+ text: {
1996
+ primary: string;
1997
+ secondary: string;
1998
+ tertiary: string;
1999
+ };
2000
+ };
2001
+ input: {
2002
+ bg: string;
2003
+ bgHover: string;
2004
+ bgDisable: string;
2005
+ border: string;
2006
+ borderHover: string;
2007
+ borderDisable: string;
2008
+ text: string;
2009
+ placeholder: string;
2010
+ textDisable: string;
2011
+ };
2012
+ focus: {
2013
+ bg: string;
2014
+ border: string;
2015
+ };
2016
+ check: {
2017
+ bg: string;
2018
+ bgHover: string;
2019
+ bgDisable: string;
2020
+ border: string;
2021
+ borderHover: string;
2022
+ borderDisable: string;
2023
+ text: string;
2024
+ };
2025
+ faint: {
2026
+ bg: string;
2027
+ bgHover: string;
2028
+ border: string;
2029
+ borderHover: string;
2030
+ };
2031
+ switch: {
2032
+ bg: string;
2033
+ bgHover: string;
2034
+ };
2035
+ text: {
2036
+ primary: string;
2037
+ disable: string;
2038
+ };
2039
+ link: {
2040
+ primary: string;
2041
+ primaryHover: string;
2042
+ secondary: string;
2043
+ secondaryHover: string;
2044
+ };
2045
+ segmented: {
2046
+ bg: string;
2047
+ bgHover: string;
2048
+ bgActive: string;
2049
+ border: string;
2050
+ borderHover: string;
2051
+ borderActive: string;
2052
+ text: string;
2053
+ textDisable: string;
2054
+ };
2055
+ toggleButton: {
2056
+ bg: string;
2057
+ bgHover: string;
2058
+ bgPress: string;
2059
+ bgDisable: string;
2060
+ border: string;
2061
+ borderHover: string;
2062
+ borderPress: string;
2063
+ borderDisable: string;
2064
+ text: string;
2065
+ textDisable: string;
2066
+ };
2067
+ };
2068
+ };
2069
+ xsollaDark: {
2070
+ background: {
2071
+ primary: string;
2072
+ secondary: string;
2073
+ inverse: string;
2074
+ brand: {
2075
+ primary: string;
2076
+ secondary: string;
2077
+ };
2078
+ brandExtra: {
2079
+ primary: string;
2080
+ secondary: string;
2081
+ };
2082
+ success: {
2083
+ primary: string;
2084
+ secondary: string;
2085
+ };
2086
+ warning: {
2087
+ primary: string;
2088
+ secondary: string;
2089
+ };
2090
+ alert: {
2091
+ primary: string;
2092
+ secondary: string;
2093
+ };
2094
+ neutral: {
2095
+ primary: string;
2096
+ secondary: string;
2097
+ };
2098
+ };
2099
+ content: {
2100
+ primary: string;
2101
+ secondary: string;
2102
+ tertiary: string;
2103
+ inverse: string;
2104
+ brand: {
2105
+ primary: string;
2106
+ secondary: string;
2107
+ };
2108
+ brandExtra: {
2109
+ primary: string;
2110
+ secondary: string;
2111
+ };
2112
+ success: {
2113
+ primary: string;
2114
+ secondary: string;
2115
+ };
2116
+ warning: {
2117
+ primary: string;
2118
+ secondary: string;
2119
+ };
2120
+ alert: {
2121
+ primary: string;
2122
+ secondary: string;
2123
+ };
2124
+ neutral: {
2125
+ primary: string;
2126
+ secondary: string;
2127
+ };
2128
+ on: {
2129
+ brand: string;
2130
+ brandExtra: string;
2131
+ success: string;
2132
+ warning: string;
2133
+ alert: string;
2134
+ neutral: string;
2135
+ };
2136
+ static: {
2137
+ light: string;
2138
+ dark: string;
2139
+ };
2140
+ };
2141
+ border: {
2142
+ primary: string;
2143
+ secondary: string;
2144
+ inverse: string;
2145
+ brand: string;
2146
+ brandExtra: string;
2147
+ success: string;
2148
+ warning: string;
2149
+ alert: string;
2150
+ neutral: string;
2151
+ };
2152
+ overlay: {
2153
+ mono: string;
2154
+ brand: string;
2155
+ brandExtra: string;
2156
+ success: string;
2157
+ warning: string;
2158
+ alert: string;
2159
+ neutral: string;
2160
+ };
2161
+ layer: {
2162
+ scrim: string;
2163
+ float: string;
2164
+ };
2165
+ control: {
2166
+ brand: {
2167
+ primary: {
2168
+ bg: string;
2169
+ bgHover: string;
2170
+ bgPress: string;
2171
+ bgDisable: string;
2172
+ border: string;
2173
+ borderHover: string;
2174
+ borderPress: string;
2175
+ borderDisable: string;
2176
+ };
2177
+ secondary: {
2178
+ bg: string;
2179
+ bgHover: string;
2180
+ bgPress: string;
2181
+ border: string;
2182
+ borderHover: string;
2183
+ borderPress: string;
2184
+ };
2185
+ tertiary: {
2186
+ bg: string;
2187
+ bgHover: string;
2188
+ bgPress: string;
2189
+ border: string;
2190
+ borderHover: string;
2191
+ borderPress: string;
2192
+ };
2193
+ text: {
2194
+ primary: string;
2195
+ secondary: string;
2196
+ tertiary: string;
2197
+ disable: string;
2198
+ };
2199
+ };
2200
+ mono: {
2201
+ primary: {
2202
+ bg: string;
2203
+ bgHover: string;
2204
+ bgPress: string;
2205
+ border: string;
2206
+ borderHover: string;
2207
+ borderPress: string;
2208
+ };
2209
+ secondary: {
2210
+ bg: string;
2211
+ bgHover: string;
2212
+ bgPress: string;
2213
+ border: string;
2214
+ borderHover: string;
2215
+ borderPress: string;
2216
+ };
2217
+ tertiary: {
2218
+ bg: string;
2219
+ bgHover: string;
2220
+ bgPress: string;
2221
+ border: string;
2222
+ borderHover: string;
2223
+ borderPress: string;
2224
+ };
2225
+ text: {
2226
+ primary: string;
2227
+ secondary: string;
2228
+ tertiary: string;
2229
+ };
2230
+ };
2231
+ brandExtra: {
2232
+ primary: {
2233
+ bg: string;
2234
+ bgHover: string;
2235
+ bgPress: string;
2236
+ border: string;
2237
+ borderHover: string;
2238
+ borderPress: string;
2239
+ };
2240
+ secondary: {
2241
+ bg: string;
2242
+ bgHover: string;
2243
+ bgPress: string;
2244
+ border: string;
2245
+ borderHover: string;
2246
+ borderPress: string;
2247
+ };
2248
+ tertiary: {
2249
+ bg: string;
2250
+ bgHover: string;
2251
+ bgPress: string;
2252
+ border: string;
2253
+ borderHover: string;
2254
+ borderPress: string;
2255
+ };
2256
+ text: {
2257
+ primary: string;
2258
+ secondary: string;
2259
+ tertiary: string;
2260
+ };
2261
+ };
2262
+ alert: {
2263
+ bg: string;
2264
+ border: string;
2265
+ primary: {
2266
+ bg: string;
2267
+ bgHover: string;
2268
+ bgPress: string;
2269
+ border: string;
2270
+ borderHover: string;
2271
+ borderPress: string;
2272
+ };
2273
+ secondary: {
2274
+ bg: string;
2275
+ bgHover: string;
2276
+ bgPress: string;
2277
+ border: string;
2278
+ borderHover: string;
2279
+ borderPress: string;
2280
+ };
2281
+ tertiary: {
2282
+ bg: string;
2283
+ bgHover: string;
2284
+ bgPress: string;
2285
+ border: string;
2286
+ borderHover: string;
2287
+ borderPress: string;
2288
+ };
2289
+ text: {
2290
+ primary: string;
2291
+ secondary: string;
2292
+ tertiary: string;
2293
+ };
2294
+ };
2295
+ input: {
2296
+ bg: string;
2297
+ bgHover: string;
2298
+ bgDisable: string;
2299
+ border: string;
2300
+ borderHover: string;
2301
+ borderDisable: string;
2302
+ text: string;
2303
+ placeholder: string;
2304
+ textDisable: string;
2305
+ };
2306
+ focus: {
2307
+ bg: string;
2308
+ border: string;
2309
+ };
2310
+ check: {
2311
+ bg: string;
2312
+ bgHover: string;
2313
+ bgDisable: string;
2314
+ border: string;
2315
+ borderHover: string;
2316
+ borderDisable: string;
2317
+ text: string;
2318
+ };
2319
+ faint: {
2320
+ bg: string;
2321
+ bgHover: string;
2322
+ border: string;
2323
+ borderHover: string;
2324
+ };
2325
+ switch: {
2326
+ bg: string;
2327
+ bgHover: string;
2328
+ };
2329
+ text: {
2330
+ primary: string;
2331
+ disable: string;
2332
+ };
2333
+ link: {
2334
+ primary: string;
2335
+ primaryHover: string;
2336
+ secondary: string;
2337
+ secondaryHover: string;
2338
+ };
2339
+ segmented: {
2340
+ bg: string;
2341
+ bgHover: string;
2342
+ bgActive: string;
2343
+ border: string;
2344
+ borderHover: string;
2345
+ borderActive: string;
2346
+ text: string;
2347
+ textDisable: string;
2348
+ };
2349
+ toggleButton: {
2350
+ bg: string;
2351
+ bgHover: string;
2352
+ bgPress: string;
2353
+ bgDisable: string;
2354
+ border: string;
2355
+ borderHover: string;
2356
+ borderPress: string;
2357
+ borderDisable: string;
2358
+ text: string;
2359
+ textDisable: string;
2360
+ };
2361
+ };
2362
+ };
2363
+ xsollaLight: {
2364
+ background: {
2365
+ primary: string;
2366
+ secondary: string;
2367
+ inverse: string;
2368
+ brand: {
2369
+ primary: string;
2370
+ secondary: string;
2371
+ };
2372
+ brandExtra: {
2373
+ primary: string;
2374
+ secondary: string;
2375
+ };
2376
+ success: {
2377
+ primary: string;
2378
+ secondary: string;
2379
+ };
2380
+ warning: {
2381
+ primary: string;
2382
+ secondary: string;
2383
+ };
2384
+ alert: {
2385
+ primary: string;
2386
+ secondary: string;
2387
+ };
2388
+ neutral: {
2389
+ primary: string;
2390
+ secondary: string;
2391
+ };
2392
+ };
2393
+ content: {
2394
+ primary: string;
2395
+ secondary: string;
2396
+ tertiary: string;
2397
+ inverse: string;
2398
+ brand: {
2399
+ primary: string;
2400
+ secondary: string;
2401
+ };
2402
+ brandExtra: {
2403
+ primary: string;
2404
+ secondary: string;
2405
+ };
2406
+ success: {
2407
+ primary: string;
2408
+ secondary: string;
2409
+ };
2410
+ warning: {
2411
+ primary: string;
2412
+ secondary: string;
2413
+ };
2414
+ alert: {
2415
+ primary: string;
2416
+ secondary: string;
2417
+ };
2418
+ neutral: {
2419
+ primary: string;
2420
+ secondary: string;
2421
+ };
2422
+ on: {
2423
+ brand: string;
2424
+ brandExtra: string;
2425
+ success: string;
2426
+ warning: string;
2427
+ alert: string;
2428
+ neutral: string;
2429
+ };
2430
+ static: {
2431
+ light: string;
2432
+ dark: string;
2433
+ };
2434
+ };
2435
+ border: {
2436
+ primary: string;
2437
+ secondary: string;
2438
+ inverse: string;
2439
+ brand: string;
2440
+ brandExtra: string;
2441
+ success: string;
2442
+ warning: string;
2443
+ alert: string;
2444
+ neutral: string;
2445
+ };
2446
+ overlay: {
2447
+ mono: string;
2448
+ brand: string;
2449
+ brandExtra: string;
2450
+ success: string;
2451
+ warning: string;
2452
+ alert: string;
2453
+ neutral: string;
2454
+ };
2455
+ layer: {
2456
+ scrim: string;
2457
+ float: string;
2458
+ };
2459
+ control: {
2460
+ brand: {
2461
+ primary: {
2462
+ bg: string;
2463
+ bgHover: string;
2464
+ bgPress: string;
2465
+ bgDisable: string;
2466
+ border: string;
2467
+ borderHover: string;
2468
+ borderPress: string;
2469
+ borderDisable: string;
2470
+ };
2471
+ secondary: {
2472
+ bg: string;
2473
+ bgHover: string;
2474
+ bgPress: string;
2475
+ border: string;
2476
+ borderHover: string;
2477
+ borderPress: string;
2478
+ };
2479
+ tertiary: {
2480
+ bg: string;
2481
+ bgHover: string;
2482
+ bgPress: string;
2483
+ border: string;
2484
+ borderHover: string;
2485
+ borderPress: string;
2486
+ };
2487
+ text: {
2488
+ primary: string;
2489
+ secondary: string;
2490
+ tertiary: string;
2491
+ disable: string;
2492
+ };
2493
+ };
2494
+ mono: {
2495
+ primary: {
2496
+ bg: string;
2497
+ bgHover: string;
2498
+ bgPress: string;
2499
+ border: string;
2500
+ borderHover: string;
2501
+ borderPress: string;
2502
+ };
2503
+ secondary: {
2504
+ bg: string;
2505
+ bgHover: string;
2506
+ bgPress: string;
2507
+ border: string;
2508
+ borderHover: string;
2509
+ borderPress: string;
2510
+ };
2511
+ tertiary: {
2512
+ bg: string;
2513
+ bgHover: string;
2514
+ bgPress: string;
2515
+ border: string;
2516
+ borderHover: string;
2517
+ borderPress: string;
2518
+ };
2519
+ text: {
2520
+ primary: string;
2521
+ secondary: string;
2522
+ tertiary: string;
2523
+ };
2524
+ };
2525
+ brandExtra: {
2526
+ primary: {
2527
+ bg: string;
2528
+ bgHover: string;
2529
+ bgPress: string;
2530
+ border: string;
2531
+ borderHover: string;
2532
+ borderPress: string;
2533
+ };
2534
+ secondary: {
2535
+ bg: string;
2536
+ bgHover: string;
2537
+ bgPress: string;
2538
+ border: string;
2539
+ borderHover: string;
2540
+ borderPress: string;
2541
+ };
2542
+ tertiary: {
2543
+ bg: string;
2544
+ bgHover: string;
2545
+ bgPress: string;
2546
+ border: string;
2547
+ borderHover: string;
2548
+ borderPress: string;
2549
+ };
2550
+ text: {
2551
+ primary: string;
2552
+ secondary: string;
2553
+ tertiary: string;
2554
+ };
2555
+ };
2556
+ alert: {
2557
+ bg: string;
2558
+ border: string;
2559
+ primary: {
2560
+ bg: string;
2561
+ bgHover: string;
2562
+ bgPress: string;
2563
+ border: string;
2564
+ borderHover: string;
2565
+ borderPress: string;
2566
+ };
2567
+ secondary: {
2568
+ bg: string;
2569
+ bgHover: string;
2570
+ bgPress: string;
2571
+ border: string;
2572
+ borderHover: string;
2573
+ borderPress: string;
2574
+ };
2575
+ tertiary: {
2576
+ bg: string;
2577
+ bgHover: string;
2578
+ bgPress: string;
2579
+ border: string;
2580
+ borderHover: string;
2581
+ borderPress: string;
2582
+ };
2583
+ text: {
2584
+ primary: string;
2585
+ secondary: string;
2586
+ tertiary: string;
2587
+ };
2588
+ };
2589
+ input: {
2590
+ bg: string;
2591
+ bgHover: string;
2592
+ bgDisable: string;
2593
+ border: string;
2594
+ borderHover: string;
2595
+ borderDisable: string;
2596
+ text: string;
2597
+ placeholder: string;
2598
+ textDisable: string;
2599
+ };
2600
+ focus: {
2601
+ bg: string;
2602
+ border: string;
2603
+ };
2604
+ check: {
2605
+ bg: string;
2606
+ bgHover: string;
2607
+ bgDisable: string;
2608
+ border: string;
2609
+ borderHover: string;
2610
+ borderDisable: string;
2611
+ text: string;
2612
+ };
2613
+ faint: {
2614
+ bg: string;
2615
+ bgHover: string;
2616
+ border: string;
2617
+ borderHover: string;
2618
+ };
2619
+ switch: {
2620
+ bg: string;
2621
+ bgHover: string;
2622
+ };
2623
+ text: {
2624
+ primary: string;
2625
+ disable: string;
2626
+ };
2627
+ link: {
2628
+ primary: string;
2629
+ primaryHover: string;
2630
+ secondary: string;
2631
+ secondaryHover: string;
2632
+ };
2633
+ segmented: {
2634
+ bg: string;
2635
+ bgHover: string;
2636
+ bgActive: string;
2637
+ border: string;
2638
+ borderHover: string;
2639
+ borderActive: string;
2640
+ text: string;
2641
+ textDisable: string;
2642
+ };
2643
+ toggleButton: {
2644
+ bg: string;
2645
+ bgHover: string;
2646
+ bgPress: string;
2647
+ bgDisable: string;
2648
+ border: string;
2649
+ borderHover: string;
2650
+ borderPress: string;
2651
+ borderDisable: string;
2652
+ text: string;
2653
+ textDisable: string;
2654
+ };
2655
+ };
2656
+ };
2657
+ "ltg-dark": {
2658
+ background: {
2659
+ primary: string;
2660
+ secondary: string;
2661
+ inverse: string;
2662
+ brand: {
2663
+ primary: string;
2664
+ secondary: string;
2665
+ };
2666
+ brandExtra: {
2667
+ primary: string;
2668
+ secondary: string;
2669
+ };
2670
+ success: {
2671
+ primary: string;
2672
+ secondary: string;
2673
+ };
2674
+ warning: {
2675
+ primary: string;
2676
+ secondary: string;
2677
+ };
2678
+ alert: {
2679
+ primary: string;
2680
+ secondary: string;
2681
+ };
2682
+ neutral: {
2683
+ primary: string;
2684
+ secondary: string;
2685
+ };
2686
+ };
2687
+ content: {
2688
+ primary: string;
2689
+ secondary: string;
2690
+ tertiary: string;
2691
+ inverse: string;
2692
+ brand: {
2693
+ primary: string;
2694
+ secondary: string;
2695
+ };
2696
+ brandExtra: {
2697
+ primary: string;
2698
+ secondary: string;
2699
+ };
2700
+ success: {
2701
+ primary: string;
2702
+ secondary: string;
2703
+ };
2704
+ warning: {
2705
+ primary: string;
2706
+ secondary: string;
2707
+ };
2708
+ alert: {
2709
+ primary: string;
2710
+ secondary: string;
2711
+ };
2712
+ neutral: {
2713
+ primary: string;
2714
+ secondary: string;
2715
+ };
2716
+ on: {
2717
+ brand: string;
2718
+ brandExtra: string;
2719
+ success: string;
2720
+ warning: string;
2721
+ alert: string;
2722
+ neutral: string;
2723
+ };
2724
+ static: {
2725
+ light: string;
2726
+ dark: string;
2727
+ };
2728
+ };
2729
+ border: {
2730
+ primary: string;
2731
+ secondary: string;
2732
+ inverse: string;
2733
+ brand: string;
2734
+ brandExtra: string;
2735
+ success: string;
2736
+ warning: string;
2737
+ alert: string;
2738
+ neutral: string;
2739
+ };
2740
+ overlay: {
2741
+ mono: string;
2742
+ brand: string;
2743
+ brandExtra: string;
2744
+ success: string;
2745
+ warning: string;
2746
+ alert: string;
2747
+ neutral: string;
2748
+ };
2749
+ layer: {
2750
+ scrim: string;
2751
+ float: string;
2752
+ };
2753
+ control: {
2754
+ brand: {
2755
+ primary: {
2756
+ bg: string;
2757
+ bgHover: string;
2758
+ bgPress: string;
2759
+ bgDisable: string;
2760
+ border: string;
2761
+ borderHover: string;
2762
+ borderPress: string;
2763
+ borderDisable: string;
2764
+ };
2765
+ secondary: {
2766
+ bg: string;
2767
+ bgHover: string;
2768
+ bgPress: string;
2769
+ border: string;
2770
+ borderHover: string;
2771
+ borderPress: string;
2772
+ };
2773
+ tertiary: {
2774
+ bg: string;
2775
+ bgHover: string;
2776
+ bgPress: string;
2777
+ border: string;
2778
+ borderHover: string;
2779
+ borderPress: string;
2780
+ };
2781
+ text: {
2782
+ primary: string;
2783
+ secondary: string;
2784
+ tertiary: string;
2785
+ disable: string;
2786
+ };
2787
+ };
2788
+ mono: {
2789
+ primary: {
2790
+ bg: string;
2791
+ bgHover: string;
2792
+ bgPress: string;
2793
+ border: string;
2794
+ borderHover: string;
2795
+ borderPress: string;
2796
+ };
2797
+ secondary: {
2798
+ bg: string;
2799
+ bgHover: string;
2800
+ bgPress: string;
2801
+ border: string;
2802
+ borderHover: string;
2803
+ borderPress: string;
2804
+ };
2805
+ tertiary: {
2806
+ bg: string;
2807
+ bgHover: string;
2808
+ bgPress: string;
2809
+ border: string;
2810
+ borderHover: string;
2811
+ borderPress: string;
2812
+ };
2813
+ text: {
2814
+ primary: string;
2815
+ secondary: string;
2816
+ tertiary: string;
2817
+ };
2818
+ };
2819
+ brandExtra: {
2820
+ primary: {
2821
+ bg: string;
2822
+ bgHover: string;
2823
+ bgPress: string;
2824
+ border: string;
2825
+ borderHover: string;
2826
+ borderPress: string;
2827
+ };
2828
+ secondary: {
2829
+ bg: string;
2830
+ bgHover: string;
2831
+ bgPress: string;
2832
+ border: string;
2833
+ borderHover: string;
2834
+ borderPress: string;
2835
+ };
2836
+ tertiary: {
2837
+ bg: string;
2838
+ bgHover: string;
2839
+ bgPress: string;
2840
+ border: string;
2841
+ borderHover: string;
2842
+ borderPress: string;
2843
+ };
2844
+ text: {
2845
+ primary: string;
2846
+ secondary: string;
2847
+ tertiary: string;
2848
+ };
2849
+ };
2850
+ alert: {
2851
+ bg: string;
2852
+ border: string;
2853
+ primary: {
2854
+ bg: string;
2855
+ bgHover: string;
2856
+ bgPress: string;
2857
+ border: string;
2858
+ borderHover: string;
2859
+ borderPress: string;
2860
+ };
2861
+ secondary: {
2862
+ bg: string;
2863
+ bgHover: string;
2864
+ bgPress: string;
2865
+ border: string;
2866
+ borderHover: string;
2867
+ borderPress: string;
2868
+ };
2869
+ tertiary: {
2870
+ bg: string;
2871
+ bgHover: string;
2872
+ bgPress: string;
2873
+ border: string;
2874
+ borderHover: string;
2875
+ borderPress: string;
2876
+ };
2877
+ text: {
2878
+ primary: string;
2879
+ secondary: string;
2880
+ tertiary: string;
2881
+ };
2882
+ };
2883
+ input: {
2884
+ bg: string;
2885
+ bgHover: string;
2886
+ bgDisable: string;
2887
+ border: string;
2888
+ borderHover: string;
2889
+ borderDisable: string;
2890
+ text: string;
2891
+ placeholder: string;
2892
+ textDisable: string;
2893
+ };
2894
+ focus: {
2895
+ bg: string;
2896
+ border: string;
2897
+ };
2898
+ check: {
2899
+ bg: string;
2900
+ bgHover: string;
2901
+ bgDisable: string;
2902
+ border: string;
2903
+ borderHover: string;
2904
+ borderDisable: string;
2905
+ text: string;
2906
+ };
2907
+ faint: {
2908
+ bg: string;
2909
+ bgHover: string;
2910
+ border: string;
2911
+ borderHover: string;
2912
+ };
2913
+ switch: {
2914
+ bg: string;
2915
+ bgHover: string;
2916
+ };
2917
+ text: {
2918
+ primary: string;
2919
+ disable: string;
2920
+ };
2921
+ link: {
2922
+ primary: string;
2923
+ primaryHover: string;
2924
+ secondary: string;
2925
+ secondaryHover: string;
2926
+ };
2927
+ segmented: {
2928
+ bg: string;
2929
+ bgHover: string;
2930
+ bgActive: string;
2931
+ border: string;
2932
+ borderHover: string;
2933
+ borderActive: string;
2934
+ text: string;
2935
+ textDisable: string;
2936
+ };
2937
+ toggleButton: {
2938
+ bg: string;
2939
+ bgHover: string;
2940
+ bgPress: string;
2941
+ bgDisable: string;
2942
+ border: string;
2943
+ borderHover: string;
2944
+ borderPress: string;
2945
+ borderDisable: string;
2946
+ text: string;
2947
+ textDisable: string;
2948
+ };
2949
+ };
2950
+ };
2951
+ };
2952
+ type ThemeColors = typeof xsollaDark;
2953
+
2954
+ declare const spacing: {
2955
+ xs: number;
2956
+ s: number;
2957
+ m: number;
2958
+ l: number;
2959
+ xl: number;
2960
+ };
2961
+ declare const radius: {
2962
+ button: number;
2963
+ card: number;
2964
+ input: number;
2965
+ tagSmall: number;
2966
+ tagLarge: number;
2967
+ avatarSmall: number;
2968
+ avatarLarge: number;
2969
+ avatarCircle: number;
2970
+ };
2971
+
2972
+ declare const shadow: {
2973
+ active: string;
2974
+ surface: string;
2975
+ surfaceHover: string;
2976
+ popover: string;
2977
+ modal: string;
2978
+ };
2979
+
2980
+ declare const fonts: {
2981
+ primary: string;
2982
+ };
2983
+ declare const typography: {
2984
+ button: {
2985
+ fontFamily: string;
2986
+ fontWeight: string;
2987
+ };
2988
+ };
2989
+
2990
+ declare const isWeb: boolean;
2991
+ declare const isNative: boolean;
2992
+ declare const isIOS: boolean;
2993
+ declare const isAndroid: boolean;
2994
+
2995
+ type ThemeMode = "dark" | "light" | "pentagram-dark" | "pentagram-light" | "xsolla-dark" | "xsolla-light" | "xsollaDark" | "xsollaLight" | "ltg-dark";
2996
+ declare const themeConfig: (mode?: ThemeMode) => {
2997
+ colors: {
2998
+ background: {
2999
+ primary: string;
3000
+ secondary: string;
3001
+ inverse: string;
3002
+ brand: {
3003
+ primary: string;
3004
+ secondary: string;
3005
+ };
3006
+ brandExtra: {
3007
+ primary: string;
3008
+ secondary: string;
3009
+ };
3010
+ success: {
3011
+ primary: string;
3012
+ secondary: string;
3013
+ };
3014
+ warning: {
3015
+ primary: string;
3016
+ secondary: string;
3017
+ };
3018
+ alert: {
3019
+ primary: string;
3020
+ secondary: string;
3021
+ };
3022
+ neutral: {
3023
+ primary: string;
3024
+ secondary: string;
3025
+ };
3026
+ };
3027
+ content: {
3028
+ primary: string;
3029
+ secondary: string;
3030
+ tertiary: string;
3031
+ inverse: string;
3032
+ brand: {
3033
+ primary: string;
3034
+ secondary: string;
3035
+ };
3036
+ brandExtra: {
3037
+ primary: string;
3038
+ secondary: string;
3039
+ };
3040
+ success: {
3041
+ primary: string;
3042
+ secondary: string;
3043
+ };
3044
+ warning: {
3045
+ primary: string;
3046
+ secondary: string;
3047
+ };
3048
+ alert: {
3049
+ primary: string;
3050
+ secondary: string;
3051
+ };
3052
+ neutral: {
3053
+ primary: string;
3054
+ secondary: string;
3055
+ };
3056
+ on: {
3057
+ brand: string;
3058
+ brandExtra: string;
3059
+ success: string;
3060
+ warning: string;
3061
+ alert: string;
3062
+ neutral: string;
3063
+ };
3064
+ static: {
3065
+ light: string;
3066
+ dark: string;
3067
+ };
3068
+ };
3069
+ border: {
3070
+ primary: string;
3071
+ secondary: string;
3072
+ inverse: string;
3073
+ brand: string;
3074
+ brandExtra: string;
3075
+ success: string;
3076
+ warning: string;
3077
+ alert: string;
3078
+ neutral: string;
3079
+ };
3080
+ overlay: {
3081
+ mono: string;
3082
+ brand: string;
3083
+ brandExtra: string;
3084
+ success: string;
3085
+ warning: string;
3086
+ alert: string;
3087
+ neutral: string;
3088
+ };
3089
+ layer: {
3090
+ scrim: string;
3091
+ float: string;
3092
+ };
3093
+ control: {
3094
+ brand: {
3095
+ primary: {
3096
+ bg: string;
3097
+ bgHover: string;
3098
+ bgPress: string;
3099
+ bgDisable: string;
3100
+ border: string;
3101
+ borderHover: string;
3102
+ borderPress: string;
3103
+ borderDisable: string;
3104
+ };
3105
+ secondary: {
3106
+ bg: string;
3107
+ bgHover: string;
3108
+ bgPress: string;
3109
+ border: string;
3110
+ borderHover: string;
3111
+ borderPress: string;
3112
+ };
3113
+ tertiary: {
3114
+ bg: string;
3115
+ bgHover: string;
3116
+ bgPress: string;
3117
+ border: string;
3118
+ borderHover: string;
3119
+ borderPress: string;
3120
+ };
3121
+ text: {
3122
+ primary: string;
3123
+ secondary: string;
3124
+ tertiary: string;
3125
+ disable: string;
3126
+ };
3127
+ };
3128
+ mono: {
3129
+ primary: {
3130
+ bg: string;
3131
+ bgHover: string;
3132
+ bgPress: string;
3133
+ border: string;
3134
+ borderHover: string;
3135
+ borderPress: string;
3136
+ };
3137
+ secondary: {
3138
+ bg: string;
3139
+ bgHover: string;
3140
+ bgPress: string;
3141
+ border: string;
3142
+ borderHover: string;
3143
+ borderPress: string;
3144
+ };
3145
+ tertiary: {
3146
+ bg: string;
3147
+ bgHover: string;
3148
+ bgPress: string;
3149
+ border: string;
3150
+ borderHover: string;
3151
+ borderPress: string;
3152
+ };
3153
+ text: {
3154
+ primary: string;
3155
+ secondary: string;
3156
+ tertiary: string;
3157
+ };
3158
+ };
3159
+ brandExtra: {
3160
+ primary: {
3161
+ bg: string;
3162
+ bgHover: string;
3163
+ bgPress: string;
3164
+ border: string;
3165
+ borderHover: string;
3166
+ borderPress: string;
3167
+ };
3168
+ secondary: {
3169
+ bg: string;
3170
+ bgHover: string;
3171
+ bgPress: string;
3172
+ border: string;
3173
+ borderHover: string;
3174
+ borderPress: string;
3175
+ };
3176
+ tertiary: {
3177
+ bg: string;
3178
+ bgHover: string;
3179
+ bgPress: string;
3180
+ border: string;
3181
+ borderHover: string;
3182
+ borderPress: string;
3183
+ };
3184
+ text: {
3185
+ primary: string;
3186
+ secondary: string;
3187
+ tertiary: string;
3188
+ };
3189
+ };
3190
+ alert: {
3191
+ bg: string;
3192
+ border: string;
3193
+ primary: {
3194
+ bg: string;
3195
+ bgHover: string;
3196
+ bgPress: string;
3197
+ border: string;
3198
+ borderHover: string;
3199
+ borderPress: string;
3200
+ };
3201
+ secondary: {
3202
+ bg: string;
3203
+ bgHover: string;
3204
+ bgPress: string;
3205
+ border: string;
3206
+ borderHover: string;
3207
+ borderPress: string;
3208
+ };
3209
+ tertiary: {
3210
+ bg: string;
3211
+ bgHover: string;
3212
+ bgPress: string;
3213
+ border: string;
3214
+ borderHover: string;
3215
+ borderPress: string;
3216
+ };
3217
+ text: {
3218
+ primary: string;
3219
+ secondary: string;
3220
+ tertiary: string;
3221
+ };
3222
+ };
3223
+ input: {
3224
+ bg: string;
3225
+ bgHover: string;
3226
+ bgDisable: string;
3227
+ border: string;
3228
+ borderHover: string;
3229
+ borderDisable: string;
3230
+ text: string;
3231
+ placeholder: string;
3232
+ textDisable: string;
3233
+ };
3234
+ focus: {
3235
+ bg: string;
3236
+ border: string;
3237
+ };
3238
+ check: {
3239
+ bg: string;
3240
+ bgHover: string;
3241
+ bgDisable: string;
3242
+ border: string;
3243
+ borderHover: string;
3244
+ borderDisable: string;
3245
+ text: string;
3246
+ };
3247
+ faint: {
3248
+ bg: string;
3249
+ bgHover: string;
3250
+ border: string;
3251
+ borderHover: string;
3252
+ };
3253
+ switch: {
3254
+ bg: string;
3255
+ bgHover: string;
3256
+ };
3257
+ text: {
3258
+ primary: string;
3259
+ disable: string;
3260
+ };
3261
+ link: {
3262
+ primary: string;
3263
+ primaryHover: string;
3264
+ secondary: string;
3265
+ secondaryHover: string;
3266
+ };
3267
+ segmented: {
3268
+ bg: string;
3269
+ bgHover: string;
3270
+ bgActive: string;
3271
+ border: string;
3272
+ borderHover: string;
3273
+ borderActive: string;
3274
+ text: string;
3275
+ textDisable: string;
3276
+ };
3277
+ toggleButton: {
3278
+ bg: string;
3279
+ bgHover: string;
3280
+ bgPress: string;
3281
+ bgDisable: string;
3282
+ border: string;
3283
+ borderHover: string;
3284
+ borderPress: string;
3285
+ borderDisable: string;
3286
+ text: string;
3287
+ textDisable: string;
3288
+ };
3289
+ };
3290
+ } | {
3291
+ background: {
3292
+ primary: string;
3293
+ secondary: string;
3294
+ inverse: string;
3295
+ brand: {
3296
+ primary: string;
3297
+ secondary: string;
3298
+ };
3299
+ brandExtra: {
3300
+ primary: string;
3301
+ secondary: string;
3302
+ };
3303
+ success: {
3304
+ primary: string;
3305
+ secondary: string;
3306
+ };
3307
+ warning: {
3308
+ primary: string;
3309
+ secondary: string;
3310
+ };
3311
+ alert: {
3312
+ primary: string;
3313
+ secondary: string;
3314
+ };
3315
+ neutral: {
3316
+ primary: string;
3317
+ secondary: string;
3318
+ };
3319
+ };
3320
+ content: {
3321
+ primary: string;
3322
+ secondary: string;
3323
+ tertiary: string;
3324
+ inverse: string;
3325
+ brand: {
3326
+ primary: string;
3327
+ secondary: string;
3328
+ };
3329
+ brandExtra: {
3330
+ primary: string;
3331
+ secondary: string;
3332
+ };
3333
+ success: {
3334
+ primary: string;
3335
+ secondary: string;
3336
+ };
3337
+ warning: {
3338
+ primary: string;
3339
+ secondary: string;
3340
+ };
3341
+ alert: {
3342
+ primary: string;
3343
+ secondary: string;
3344
+ };
3345
+ neutral: {
3346
+ primary: string;
3347
+ secondary: string;
3348
+ };
3349
+ on: {
3350
+ brand: string;
3351
+ brandExtra: string;
3352
+ success: string;
3353
+ warning: string;
3354
+ alert: string;
3355
+ neutral: string;
3356
+ };
3357
+ static: {
3358
+ light: string;
3359
+ dark: string;
3360
+ };
3361
+ };
3362
+ border: {
3363
+ primary: string;
3364
+ secondary: string;
3365
+ inverse: string;
3366
+ brand: string;
3367
+ brandExtra: string;
3368
+ success: string;
3369
+ warning: string;
3370
+ alert: string;
3371
+ neutral: string;
3372
+ };
3373
+ overlay: {
3374
+ mono: string;
3375
+ brand: string;
3376
+ brandExtra: string;
3377
+ success: string;
3378
+ warning: string;
3379
+ alert: string;
3380
+ neutral: string;
3381
+ };
3382
+ layer: {
3383
+ scrim: string;
3384
+ float: string;
3385
+ };
3386
+ control: {
3387
+ brand: {
3388
+ primary: {
3389
+ bg: string;
3390
+ bgHover: string;
3391
+ bgPress: string;
3392
+ bgDisable: string;
3393
+ border: string;
3394
+ borderHover: string;
3395
+ borderPress: string;
3396
+ borderDisable: string;
3397
+ };
3398
+ secondary: {
3399
+ bg: string;
3400
+ bgHover: string;
3401
+ bgPress: string;
3402
+ border: string;
3403
+ borderHover: string;
3404
+ borderPress: string;
3405
+ };
3406
+ tertiary: {
3407
+ bg: string;
3408
+ bgHover: string;
3409
+ bgPress: string;
3410
+ border: string;
3411
+ borderHover: string;
3412
+ borderPress: string;
3413
+ };
3414
+ text: {
3415
+ primary: string;
3416
+ secondary: string;
3417
+ tertiary: string;
3418
+ disable: string;
3419
+ };
3420
+ };
3421
+ mono: {
3422
+ primary: {
3423
+ bg: string;
3424
+ bgHover: string;
3425
+ bgPress: string;
3426
+ border: string;
3427
+ borderHover: string;
3428
+ borderPress: string;
3429
+ };
3430
+ secondary: {
3431
+ bg: string;
3432
+ bgHover: string;
3433
+ bgPress: string;
3434
+ border: string;
3435
+ borderHover: string;
3436
+ borderPress: string;
3437
+ };
3438
+ tertiary: {
3439
+ bg: string;
3440
+ bgHover: string;
3441
+ bgPress: string;
3442
+ border: string;
3443
+ borderHover: string;
3444
+ borderPress: string;
3445
+ };
3446
+ text: {
3447
+ primary: string;
3448
+ secondary: string;
3449
+ tertiary: string;
3450
+ };
3451
+ };
3452
+ brandExtra: {
3453
+ primary: {
3454
+ bg: string;
3455
+ bgHover: string;
3456
+ bgPress: string;
3457
+ border: string;
3458
+ borderHover: string;
3459
+ borderPress: string;
3460
+ };
3461
+ secondary: {
3462
+ bg: string;
3463
+ bgHover: string;
3464
+ bgPress: string;
3465
+ border: string;
3466
+ borderHover: string;
3467
+ borderPress: string;
3468
+ };
3469
+ tertiary: {
3470
+ bg: string;
3471
+ bgHover: string;
3472
+ bgPress: string;
3473
+ border: string;
3474
+ borderHover: string;
3475
+ borderPress: string;
3476
+ };
3477
+ text: {
3478
+ primary: string;
3479
+ secondary: string;
3480
+ tertiary: string;
3481
+ };
3482
+ };
3483
+ alert: {
3484
+ bg: string;
3485
+ border: string;
3486
+ primary: {
3487
+ bg: string;
3488
+ bgHover: string;
3489
+ bgPress: string;
3490
+ border: string;
3491
+ borderHover: string;
3492
+ borderPress: string;
3493
+ };
3494
+ secondary: {
3495
+ bg: string;
3496
+ bgHover: string;
3497
+ bgPress: string;
3498
+ border: string;
3499
+ borderHover: string;
3500
+ borderPress: string;
3501
+ };
3502
+ tertiary: {
3503
+ bg: string;
3504
+ bgHover: string;
3505
+ bgPress: string;
3506
+ border: string;
3507
+ borderHover: string;
3508
+ borderPress: string;
3509
+ };
3510
+ text: {
3511
+ primary: string;
3512
+ secondary: string;
3513
+ tertiary: string;
3514
+ };
3515
+ };
3516
+ input: {
3517
+ bg: string;
3518
+ bgHover: string;
3519
+ bgDisable: string;
3520
+ border: string;
3521
+ borderHover: string;
3522
+ borderDisable: string;
3523
+ text: string;
3524
+ placeholder: string;
3525
+ textDisable: string;
3526
+ };
3527
+ focus: {
3528
+ bg: string;
3529
+ border: string;
3530
+ };
3531
+ check: {
3532
+ bg: string;
3533
+ bgHover: string;
3534
+ bgDisable: string;
3535
+ border: string;
3536
+ borderHover: string;
3537
+ borderDisable: string;
3538
+ text: string;
3539
+ };
3540
+ faint: {
3541
+ bg: string;
3542
+ bgHover: string;
3543
+ border: string;
3544
+ borderHover: string;
3545
+ };
3546
+ switch: {
3547
+ bg: string;
3548
+ bgHover: string;
3549
+ };
3550
+ text: {
3551
+ primary: string;
3552
+ disable: string;
3553
+ };
3554
+ link: {
3555
+ primary: string;
3556
+ primaryHover: string;
3557
+ secondary: string;
3558
+ secondaryHover: string;
3559
+ };
3560
+ segmented: {
3561
+ bg: string;
3562
+ bgHover: string;
3563
+ bgActive: string;
3564
+ border: string;
3565
+ borderHover: string;
3566
+ borderActive: string;
3567
+ text: string;
3568
+ textDisable: string;
3569
+ };
3570
+ toggleButton: {
3571
+ bg: string;
3572
+ bgHover: string;
3573
+ bgPress: string;
3574
+ bgDisable: string;
3575
+ border: string;
3576
+ borderHover: string;
3577
+ borderPress: string;
3578
+ borderDisable: string;
3579
+ text: string;
3580
+ textDisable: string;
3581
+ };
3582
+ };
3583
+ } | {
3584
+ background: {
3585
+ primary: string;
3586
+ secondary: string;
3587
+ inverse: string;
3588
+ brand: {
3589
+ primary: string;
3590
+ secondary: string;
3591
+ };
3592
+ brandExtra: {
3593
+ primary: string;
3594
+ secondary: string;
3595
+ };
3596
+ success: {
3597
+ primary: string;
3598
+ secondary: string;
3599
+ };
3600
+ warning: {
3601
+ primary: string;
3602
+ secondary: string;
3603
+ };
3604
+ alert: {
3605
+ primary: string;
3606
+ secondary: string;
3607
+ };
3608
+ neutral: {
3609
+ primary: string;
3610
+ secondary: string;
3611
+ };
3612
+ };
3613
+ content: {
3614
+ primary: string;
3615
+ secondary: string;
3616
+ tertiary: string;
3617
+ inverse: string;
3618
+ brand: {
3619
+ primary: string;
3620
+ secondary: string;
3621
+ };
3622
+ brandExtra: {
3623
+ primary: string;
3624
+ secondary: string;
3625
+ };
3626
+ success: {
3627
+ primary: string;
3628
+ secondary: string;
3629
+ };
3630
+ warning: {
3631
+ primary: string;
3632
+ secondary: string;
3633
+ };
3634
+ alert: {
3635
+ primary: string;
3636
+ secondary: string;
3637
+ };
3638
+ neutral: {
3639
+ primary: string;
3640
+ secondary: string;
3641
+ };
3642
+ on: {
3643
+ brand: string;
3644
+ brandExtra: string;
3645
+ success: string;
3646
+ warning: string;
3647
+ alert: string;
3648
+ neutral: string;
3649
+ };
3650
+ static: {
3651
+ light: string;
3652
+ dark: string;
3653
+ };
3654
+ };
3655
+ border: {
3656
+ primary: string;
3657
+ secondary: string;
3658
+ inverse: string;
3659
+ brand: string;
3660
+ brandExtra: string;
3661
+ success: string;
3662
+ warning: string;
3663
+ alert: string;
3664
+ neutral: string;
3665
+ };
3666
+ overlay: {
3667
+ mono: string;
3668
+ brand: string;
3669
+ brandExtra: string;
3670
+ success: string;
3671
+ warning: string;
3672
+ alert: string;
3673
+ neutral: string;
3674
+ };
3675
+ layer: {
3676
+ scrim: string;
3677
+ float: string;
3678
+ };
3679
+ control: {
3680
+ brand: {
3681
+ primary: {
3682
+ bg: string;
3683
+ bgHover: string;
3684
+ bgPress: string;
3685
+ bgDisable: string;
3686
+ border: string;
3687
+ borderHover: string;
3688
+ borderPress: string;
3689
+ borderDisable: string;
3690
+ };
3691
+ secondary: {
3692
+ bg: string;
3693
+ bgHover: string;
3694
+ bgPress: string;
3695
+ border: string;
3696
+ borderHover: string;
3697
+ borderPress: string;
3698
+ };
3699
+ tertiary: {
3700
+ bg: string;
3701
+ bgHover: string;
3702
+ bgPress: string;
3703
+ border: string;
3704
+ borderHover: string;
3705
+ borderPress: string;
3706
+ };
3707
+ text: {
3708
+ primary: string;
3709
+ secondary: string;
3710
+ tertiary: string;
3711
+ disable: string;
3712
+ };
3713
+ };
3714
+ mono: {
3715
+ primary: {
3716
+ bg: string;
3717
+ bgHover: string;
3718
+ bgPress: string;
3719
+ border: string;
3720
+ borderHover: string;
3721
+ borderPress: string;
3722
+ };
3723
+ secondary: {
3724
+ bg: string;
3725
+ bgHover: string;
3726
+ bgPress: string;
3727
+ border: string;
3728
+ borderHover: string;
3729
+ borderPress: string;
3730
+ };
3731
+ tertiary: {
3732
+ bg: string;
3733
+ bgHover: string;
3734
+ bgPress: string;
3735
+ border: string;
3736
+ borderHover: string;
3737
+ borderPress: string;
3738
+ };
3739
+ text: {
3740
+ primary: string;
3741
+ secondary: string;
3742
+ tertiary: string;
3743
+ };
3744
+ };
3745
+ brandExtra: {
3746
+ primary: {
3747
+ bg: string;
3748
+ bgHover: string;
3749
+ bgPress: string;
3750
+ border: string;
3751
+ borderHover: string;
3752
+ borderPress: string;
3753
+ };
3754
+ secondary: {
3755
+ bg: string;
3756
+ bgHover: string;
3757
+ bgPress: string;
3758
+ border: string;
3759
+ borderHover: string;
3760
+ borderPress: string;
3761
+ };
3762
+ tertiary: {
3763
+ bg: string;
3764
+ bgHover: string;
3765
+ bgPress: string;
3766
+ border: string;
3767
+ borderHover: string;
3768
+ borderPress: string;
3769
+ };
3770
+ text: {
3771
+ primary: string;
3772
+ secondary: string;
3773
+ tertiary: string;
3774
+ };
3775
+ };
3776
+ alert: {
3777
+ bg: string;
3778
+ border: string;
3779
+ primary: {
3780
+ bg: string;
3781
+ bgHover: string;
3782
+ bgPress: string;
3783
+ border: string;
3784
+ borderHover: string;
3785
+ borderPress: string;
3786
+ };
3787
+ secondary: {
3788
+ bg: string;
3789
+ bgHover: string;
3790
+ bgPress: string;
3791
+ border: string;
3792
+ borderHover: string;
3793
+ borderPress: string;
3794
+ };
3795
+ tertiary: {
3796
+ bg: string;
3797
+ bgHover: string;
3798
+ bgPress: string;
3799
+ border: string;
3800
+ borderHover: string;
3801
+ borderPress: string;
3802
+ };
3803
+ text: {
3804
+ primary: string;
3805
+ secondary: string;
3806
+ tertiary: string;
3807
+ };
3808
+ };
3809
+ input: {
3810
+ bg: string;
3811
+ bgHover: string;
3812
+ bgDisable: string;
3813
+ border: string;
3814
+ borderHover: string;
3815
+ borderDisable: string;
3816
+ text: string;
3817
+ placeholder: string;
3818
+ textDisable: string;
3819
+ };
3820
+ focus: {
3821
+ bg: string;
3822
+ border: string;
3823
+ };
3824
+ check: {
3825
+ bg: string;
3826
+ bgHover: string;
3827
+ bgDisable: string;
3828
+ border: string;
3829
+ borderHover: string;
3830
+ borderDisable: string;
3831
+ text: string;
3832
+ };
3833
+ faint: {
3834
+ bg: string;
3835
+ bgHover: string;
3836
+ border: string;
3837
+ borderHover: string;
3838
+ };
3839
+ switch: {
3840
+ bg: string;
3841
+ bgHover: string;
998
3842
  };
999
3843
  text: {
1000
3844
  primary: string;
1001
- secondary: string;
1002
- faint: string;
1003
3845
  disable: string;
1004
3846
  };
1005
3847
  link: {
@@ -1008,55 +3850,30 @@ declare const colors: {
1008
3850
  secondary: string;
1009
3851
  secondaryHover: string;
1010
3852
  };
3853
+ segmented: {
3854
+ bg: string;
3855
+ bgHover: string;
3856
+ bgActive: string;
3857
+ border: string;
3858
+ borderHover: string;
3859
+ borderActive: string;
3860
+ text: string;
3861
+ textDisable: string;
3862
+ };
3863
+ toggleButton: {
3864
+ bg: string;
3865
+ bgHover: string;
3866
+ bgPress: string;
3867
+ bgDisable: string;
3868
+ border: string;
3869
+ borderHover: string;
3870
+ borderPress: string;
3871
+ borderDisable: string;
3872
+ text: string;
3873
+ textDisable: string;
3874
+ };
1011
3875
  };
1012
- };
1013
- };
1014
- type ThemeColors = typeof darkTheme;
1015
-
1016
- declare const spacing: {
1017
- xs: number;
1018
- s: number;
1019
- m: number;
1020
- l: number;
1021
- xl: number;
1022
- };
1023
- declare const radius: {
1024
- button: number;
1025
- card: number;
1026
- input: number;
1027
- tagSmall: number;
1028
- tagLarge: number;
1029
- avatarSmall: number;
1030
- avatarLarge: number;
1031
- avatarCircle: number;
1032
- };
1033
-
1034
- declare const shadow: {
1035
- active: string;
1036
- surface: string;
1037
- surfaceHover: string;
1038
- popover: string;
1039
- modal: string;
1040
- };
1041
-
1042
- declare const fonts: {
1043
- primary: string;
1044
- };
1045
- declare const typography: {
1046
- button: {
1047
- fontFamily: string;
1048
- fontWeight: string;
1049
- };
1050
- };
1051
-
1052
- declare const isWeb: boolean;
1053
- declare const isNative: boolean;
1054
- declare const isIOS: boolean;
1055
- declare const isAndroid: boolean;
1056
-
1057
- type ThemeMode = "dark" | "light";
1058
- declare const themeConfig: (mode?: ThemeMode) => {
1059
- colors: {
3876
+ } | {
1060
3877
  background: {
1061
3878
  primary: string;
1062
3879
  secondary: string;
@@ -1163,182 +3980,123 @@ declare const themeConfig: (mode?: ThemeMode) => {
1163
3980
  borderHover: string;
1164
3981
  borderPress: string;
1165
3982
  borderDisable: string;
1166
- text: {
1167
- primary: string;
1168
- secondary: string;
1169
- disable: string;
1170
- };
1171
3983
  };
1172
3984
  secondary: {
1173
3985
  bg: string;
1174
3986
  bgHover: string;
1175
3987
  bgPress: string;
1176
- bgDisable: string;
1177
3988
  border: string;
1178
3989
  borderHover: string;
1179
3990
  borderPress: string;
1180
- borderDisable: string;
1181
- text: {
1182
- primary: string;
1183
- secondary: string;
1184
- disable: string;
1185
- };
1186
3991
  };
1187
3992
  tertiary: {
1188
3993
  bg: string;
1189
3994
  bgHover: string;
1190
3995
  bgPress: string;
1191
- bgDisable: string;
1192
3996
  border: string;
1193
3997
  borderHover: string;
1194
3998
  borderPress: string;
1195
- borderDisable: string;
1196
- text: {
1197
- primary: string;
1198
- secondary: string;
1199
- disable: string;
1200
- };
3999
+ };
4000
+ text: {
4001
+ primary: string;
4002
+ secondary: string;
4003
+ tertiary: string;
4004
+ disable: string;
1201
4005
  };
1202
4006
  };
1203
- brandExtra: {
4007
+ mono: {
1204
4008
  primary: {
1205
4009
  bg: string;
1206
4010
  bgHover: string;
1207
4011
  bgPress: string;
1208
- bgDisable: string;
1209
4012
  border: string;
1210
4013
  borderHover: string;
1211
4014
  borderPress: string;
1212
- borderDisable: string;
1213
- text: {
1214
- primary: string;
1215
- secondary: string;
1216
- disable: string;
1217
- };
1218
4015
  };
1219
4016
  secondary: {
1220
4017
  bg: string;
1221
4018
  bgHover: string;
1222
4019
  bgPress: string;
1223
- bgDisable: string;
1224
4020
  border: string;
1225
4021
  borderHover: string;
1226
4022
  borderPress: string;
1227
- borderDisable: string;
1228
- text: {
1229
- primary: string;
1230
- secondary: string;
1231
- disable: string;
1232
- };
1233
4023
  };
1234
4024
  tertiary: {
1235
4025
  bg: string;
1236
4026
  bgHover: string;
1237
4027
  bgPress: string;
1238
- bgDisable: string;
1239
4028
  border: string;
1240
4029
  borderHover: string;
1241
4030
  borderPress: string;
1242
- borderDisable: string;
1243
- text: {
1244
- primary: string;
1245
- secondary: string;
1246
- disable: string;
1247
- };
4031
+ };
4032
+ text: {
4033
+ primary: string;
4034
+ secondary: string;
4035
+ tertiary: string;
1248
4036
  };
1249
4037
  };
1250
- alert: {
4038
+ brandExtra: {
1251
4039
  primary: {
1252
4040
  bg: string;
1253
4041
  bgHover: string;
1254
4042
  bgPress: string;
1255
- bgDisable: string;
1256
4043
  border: string;
1257
4044
  borderHover: string;
1258
4045
  borderPress: string;
1259
- borderDisable: string;
1260
- text: {
1261
- primary: string;
1262
- secondary: string;
1263
- disable: string;
1264
- };
1265
4046
  };
1266
4047
  secondary: {
1267
4048
  bg: string;
1268
4049
  bgHover: string;
1269
4050
  bgPress: string;
1270
- bgDisable: string;
1271
4051
  border: string;
1272
4052
  borderHover: string;
1273
4053
  borderPress: string;
1274
- borderDisable: string;
1275
- text: {
1276
- primary: string;
1277
- secondary: string;
1278
- disable: string;
1279
- };
1280
4054
  };
1281
4055
  tertiary: {
1282
4056
  bg: string;
1283
4057
  bgHover: string;
1284
4058
  bgPress: string;
1285
- bgDisable: string;
1286
4059
  border: string;
1287
4060
  borderHover: string;
1288
4061
  borderPress: string;
1289
- borderDisable: string;
1290
- text: {
1291
- primary: string;
1292
- secondary: string;
1293
- disable: string;
1294
- };
4062
+ };
4063
+ text: {
4064
+ primary: string;
4065
+ secondary: string;
4066
+ tertiary: string;
1295
4067
  };
1296
4068
  };
1297
- mono: {
4069
+ alert: {
4070
+ bg: string;
4071
+ border: string;
1298
4072
  primary: {
1299
4073
  bg: string;
1300
4074
  bgHover: string;
1301
4075
  bgPress: string;
1302
- bgDisable: string;
1303
4076
  border: string;
1304
4077
  borderHover: string;
1305
4078
  borderPress: string;
1306
- borderDisable: string;
1307
- text: {
1308
- primary: string;
1309
- secondary: string;
1310
- disable: string;
1311
- };
1312
4079
  };
1313
4080
  secondary: {
1314
4081
  bg: string;
1315
4082
  bgHover: string;
1316
4083
  bgPress: string;
1317
- bgDisable: string;
1318
4084
  border: string;
1319
4085
  borderHover: string;
1320
4086
  borderPress: string;
1321
- borderDisable: string;
1322
- text: {
1323
- primary: string;
1324
- secondary: string;
1325
- disable: string;
1326
- };
1327
4087
  };
1328
4088
  tertiary: {
1329
4089
  bg: string;
1330
4090
  bgHover: string;
1331
4091
  bgPress: string;
1332
- bgDisable: string;
1333
4092
  border: string;
1334
4093
  borderHover: string;
1335
4094
  borderPress: string;
1336
- borderDisable: string;
1337
- text: {
1338
- primary: string;
1339
- secondary: string;
1340
- disable: string;
1341
- };
4095
+ };
4096
+ text: {
4097
+ primary: string;
4098
+ secondary: string;
4099
+ tertiary: string;
1342
4100
  };
1343
4101
  };
1344
4102
  input: {
@@ -1349,16 +4107,21 @@ declare const themeConfig: (mode?: ThemeMode) => {
1349
4107
  borderHover: string;
1350
4108
  borderDisable: string;
1351
4109
  text: string;
1352
- textDisable: string;
1353
4110
  placeholder: string;
4111
+ textDisable: string;
1354
4112
  };
1355
4113
  focus: {
1356
4114
  bg: string;
4115
+ border: string;
1357
4116
  };
1358
4117
  check: {
1359
4118
  bg: string;
1360
4119
  bgHover: string;
1361
4120
  bgDisable: string;
4121
+ border: string;
4122
+ borderHover: string;
4123
+ borderDisable: string;
4124
+ text: string;
1362
4125
  };
1363
4126
  faint: {
1364
4127
  bg: string;
@@ -1370,16 +4133,8 @@ declare const themeConfig: (mode?: ThemeMode) => {
1370
4133
  bg: string;
1371
4134
  bgHover: string;
1372
4135
  };
1373
- segmented: {
1374
- bg: string;
1375
- bgHover: string;
1376
- bgActive: string;
1377
- textActive: string;
1378
- };
1379
4136
  text: {
1380
4137
  primary: string;
1381
- secondary: string;
1382
- faint: string;
1383
4138
  disable: string;
1384
4139
  };
1385
4140
  link: {
@@ -1388,6 +4143,28 @@ declare const themeConfig: (mode?: ThemeMode) => {
1388
4143
  secondary: string;
1389
4144
  secondaryHover: string;
1390
4145
  };
4146
+ segmented: {
4147
+ bg: string;
4148
+ bgHover: string;
4149
+ bgActive: string;
4150
+ border: string;
4151
+ borderHover: string;
4152
+ borderActive: string;
4153
+ text: string;
4154
+ textDisable: string;
4155
+ };
4156
+ toggleButton: {
4157
+ bg: string;
4158
+ bgHover: string;
4159
+ bgPress: string;
4160
+ bgDisable: string;
4161
+ border: string;
4162
+ borderHover: string;
4163
+ borderPress: string;
4164
+ borderDisable: string;
4165
+ text: string;
4166
+ textDisable: string;
4167
+ };
1391
4168
  };
1392
4169
  } | {
1393
4170
  background: {
@@ -1496,182 +4273,123 @@ declare const themeConfig: (mode?: ThemeMode) => {
1496
4273
  borderHover: string;
1497
4274
  borderPress: string;
1498
4275
  borderDisable: string;
1499
- text: {
1500
- primary: string;
1501
- secondary: string;
1502
- disable: string;
1503
- };
1504
4276
  };
1505
4277
  secondary: {
1506
4278
  bg: string;
1507
4279
  bgHover: string;
1508
4280
  bgPress: string;
1509
- bgDisable: string;
1510
4281
  border: string;
1511
4282
  borderHover: string;
1512
4283
  borderPress: string;
1513
- borderDisable: string;
1514
- text: {
1515
- primary: string;
1516
- secondary: string;
1517
- disable: string;
1518
- };
1519
4284
  };
1520
4285
  tertiary: {
1521
4286
  bg: string;
1522
4287
  bgHover: string;
1523
4288
  bgPress: string;
1524
- bgDisable: string;
1525
4289
  border: string;
1526
4290
  borderHover: string;
1527
4291
  borderPress: string;
1528
- borderDisable: string;
1529
- text: {
1530
- primary: string;
1531
- secondary: string;
1532
- disable: string;
1533
- };
4292
+ };
4293
+ text: {
4294
+ primary: string;
4295
+ secondary: string;
4296
+ tertiary: string;
4297
+ disable: string;
1534
4298
  };
1535
4299
  };
1536
- brandExtra: {
4300
+ mono: {
1537
4301
  primary: {
1538
4302
  bg: string;
1539
4303
  bgHover: string;
1540
4304
  bgPress: string;
1541
- bgDisable: string;
1542
4305
  border: string;
1543
4306
  borderHover: string;
1544
4307
  borderPress: string;
1545
- borderDisable: string;
1546
- text: {
1547
- primary: string;
1548
- secondary: string;
1549
- disable: string;
1550
- };
1551
4308
  };
1552
4309
  secondary: {
1553
4310
  bg: string;
1554
4311
  bgHover: string;
1555
4312
  bgPress: string;
1556
- bgDisable: string;
1557
4313
  border: string;
1558
4314
  borderHover: string;
1559
4315
  borderPress: string;
1560
- borderDisable: string;
1561
- text: {
1562
- primary: string;
1563
- secondary: string;
1564
- disable: string;
1565
- };
1566
4316
  };
1567
4317
  tertiary: {
1568
4318
  bg: string;
1569
4319
  bgHover: string;
1570
4320
  bgPress: string;
1571
- bgDisable: string;
1572
4321
  border: string;
1573
4322
  borderHover: string;
1574
4323
  borderPress: string;
1575
- borderDisable: string;
1576
- text: {
1577
- primary: string;
1578
- secondary: string;
1579
- disable: string;
1580
- };
4324
+ };
4325
+ text: {
4326
+ primary: string;
4327
+ secondary: string;
4328
+ tertiary: string;
1581
4329
  };
1582
4330
  };
1583
- alert: {
4331
+ brandExtra: {
1584
4332
  primary: {
1585
4333
  bg: string;
1586
4334
  bgHover: string;
1587
4335
  bgPress: string;
1588
- bgDisable: string;
1589
4336
  border: string;
1590
4337
  borderHover: string;
1591
4338
  borderPress: string;
1592
- borderDisable: string;
1593
- text: {
1594
- primary: string;
1595
- secondary: string;
1596
- disable: string;
1597
- };
1598
4339
  };
1599
4340
  secondary: {
1600
4341
  bg: string;
1601
4342
  bgHover: string;
1602
4343
  bgPress: string;
1603
- bgDisable: string;
1604
4344
  border: string;
1605
4345
  borderHover: string;
1606
4346
  borderPress: string;
1607
- borderDisable: string;
1608
- text: {
1609
- primary: string;
1610
- secondary: string;
1611
- disable: string;
1612
- };
1613
4347
  };
1614
4348
  tertiary: {
1615
4349
  bg: string;
1616
4350
  bgHover: string;
1617
4351
  bgPress: string;
1618
- bgDisable: string;
1619
4352
  border: string;
1620
4353
  borderHover: string;
1621
4354
  borderPress: string;
1622
- borderDisable: string;
1623
- text: {
1624
- primary: string;
1625
- secondary: string;
1626
- disable: string;
1627
- };
4355
+ };
4356
+ text: {
4357
+ primary: string;
4358
+ secondary: string;
4359
+ tertiary: string;
1628
4360
  };
1629
4361
  };
1630
- mono: {
4362
+ alert: {
4363
+ bg: string;
4364
+ border: string;
1631
4365
  primary: {
1632
4366
  bg: string;
1633
4367
  bgHover: string;
1634
4368
  bgPress: string;
1635
- bgDisable: string;
1636
4369
  border: string;
1637
4370
  borderHover: string;
1638
4371
  borderPress: string;
1639
- borderDisable: string;
1640
- text: {
1641
- primary: string;
1642
- secondary: string;
1643
- disable: string;
1644
- };
1645
4372
  };
1646
4373
  secondary: {
1647
4374
  bg: string;
1648
4375
  bgHover: string;
1649
4376
  bgPress: string;
1650
- bgDisable: string;
1651
4377
  border: string;
1652
4378
  borderHover: string;
1653
4379
  borderPress: string;
1654
- borderDisable: string;
1655
- text: {
1656
- primary: string;
1657
- secondary: string;
1658
- disable: string;
1659
- };
1660
4380
  };
1661
4381
  tertiary: {
1662
4382
  bg: string;
1663
4383
  bgHover: string;
1664
4384
  bgPress: string;
1665
- bgDisable: string;
1666
4385
  border: string;
1667
4386
  borderHover: string;
1668
4387
  borderPress: string;
1669
- borderDisable: string;
1670
- text: {
1671
- primary: string;
1672
- secondary: string;
1673
- disable: string;
1674
- };
4388
+ };
4389
+ text: {
4390
+ primary: string;
4391
+ secondary: string;
4392
+ tertiary: string;
1675
4393
  };
1676
4394
  };
1677
4395
  input: {
@@ -1682,16 +4400,21 @@ declare const themeConfig: (mode?: ThemeMode) => {
1682
4400
  borderHover: string;
1683
4401
  borderDisable: string;
1684
4402
  text: string;
1685
- textDisable: string;
1686
4403
  placeholder: string;
4404
+ textDisable: string;
1687
4405
  };
1688
4406
  focus: {
1689
4407
  bg: string;
4408
+ border: string;
1690
4409
  };
1691
4410
  check: {
1692
4411
  bg: string;
1693
4412
  bgHover: string;
1694
4413
  bgDisable: string;
4414
+ border: string;
4415
+ borderHover: string;
4416
+ borderDisable: string;
4417
+ text: string;
1695
4418
  };
1696
4419
  faint: {
1697
4420
  bg: string;
@@ -1703,16 +4426,8 @@ declare const themeConfig: (mode?: ThemeMode) => {
1703
4426
  bg: string;
1704
4427
  bgHover: string;
1705
4428
  };
1706
- segmented: {
1707
- bg: string;
1708
- bgHover: string;
1709
- bgActive: string;
1710
- textActive: string;
1711
- };
1712
4429
  text: {
1713
4430
  primary: string;
1714
- secondary: string;
1715
- faint: string;
1716
4431
  disable: string;
1717
4432
  };
1718
4433
  link: {
@@ -1721,6 +4436,28 @@ declare const themeConfig: (mode?: ThemeMode) => {
1721
4436
  secondary: string;
1722
4437
  secondaryHover: string;
1723
4438
  };
4439
+ segmented: {
4440
+ bg: string;
4441
+ bgHover: string;
4442
+ bgActive: string;
4443
+ border: string;
4444
+ borderHover: string;
4445
+ borderActive: string;
4446
+ text: string;
4447
+ textDisable: string;
4448
+ };
4449
+ toggleButton: {
4450
+ bg: string;
4451
+ bgHover: string;
4452
+ bgPress: string;
4453
+ bgDisable: string;
4454
+ border: string;
4455
+ borderHover: string;
4456
+ borderPress: string;
4457
+ borderDisable: string;
4458
+ text: string;
4459
+ textDisable: string;
4460
+ };
1724
4461
  };
1725
4462
  };
1726
4463
  spacing: {
@@ -2247,28 +4984,52 @@ declare const themeConfig: (mode?: ThemeMode) => {
2247
4984
  };
2248
4985
  segmented: (size: "xl" | "lg" | "md" | "sm") => {
2249
4986
  height: number;
4987
+ containerPadding: number;
4988
+ containerRadius: number;
4989
+ itemHeight: number;
4990
+ itemPaddingHorizontal: number;
4991
+ itemPaddingVertical: number;
4992
+ itemRadius: number;
2250
4993
  fontSize: number;
4994
+ lineHeight: number;
2251
4995
  iconSize: number;
2252
4996
  gap: number;
2253
- padding: number;
2254
4997
  } | {
2255
4998
  height: number;
4999
+ containerPadding: number;
5000
+ containerRadius: number;
5001
+ itemHeight: number;
5002
+ itemPaddingHorizontal: number;
5003
+ itemPaddingVertical: number;
5004
+ itemRadius: number;
2256
5005
  fontSize: number;
5006
+ lineHeight: number;
2257
5007
  iconSize: number;
2258
5008
  gap: number;
2259
- padding: number;
2260
5009
  } | {
2261
5010
  height: number;
5011
+ containerPadding: number;
5012
+ containerRadius: number;
5013
+ itemHeight: number;
5014
+ itemPaddingHorizontal: number;
5015
+ itemPaddingVertical: number;
5016
+ itemRadius: number;
2262
5017
  fontSize: number;
5018
+ lineHeight: number;
2263
5019
  iconSize: number;
2264
5020
  gap: number;
2265
- padding: number;
2266
5021
  } | {
2267
5022
  height: number;
5023
+ containerPadding: number;
5024
+ containerRadius: number;
5025
+ itemHeight: number;
5026
+ itemPaddingHorizontal: number;
5027
+ itemPaddingVertical: number;
5028
+ itemRadius: number;
2268
5029
  fontSize: number;
5030
+ lineHeight: number;
2269
5031
  iconSize: number;
2270
5032
  gap: number;
2271
- padding: number;
2272
5033
  };
2273
5034
  tabsSegmented: (size: "xl" | "lg" | "md" | "sm") => {
2274
5035
  height: number;
@@ -2597,6 +5358,43 @@ declare const themeConfig: (mode?: ThemeMode) => {
2597
5358
  containerPadding: number;
2598
5359
  groupGap: number;
2599
5360
  };
5361
+ toggleButtonGroup: (size: "xl" | "lg" | "md" | "sm") => {
5362
+ height: number;
5363
+ paddingHorizontal: number;
5364
+ fontSize: number;
5365
+ lineHeight: number;
5366
+ iconSize: number;
5367
+ gap: number;
5368
+ borderRadius: number;
5369
+ itemGap: number;
5370
+ } | {
5371
+ height: number;
5372
+ paddingHorizontal: number;
5373
+ fontSize: number;
5374
+ lineHeight: number;
5375
+ iconSize: number;
5376
+ gap: number;
5377
+ borderRadius: number;
5378
+ itemGap: number;
5379
+ } | {
5380
+ height: number;
5381
+ paddingHorizontal: number;
5382
+ fontSize: number;
5383
+ lineHeight: number;
5384
+ iconSize: number;
5385
+ gap: number;
5386
+ borderRadius: number;
5387
+ itemGap: number;
5388
+ } | {
5389
+ height: number;
5390
+ paddingHorizontal: number;
5391
+ fontSize: number;
5392
+ lineHeight: number;
5393
+ iconSize: number;
5394
+ gap: number;
5395
+ borderRadius: number;
5396
+ itemGap: number;
5397
+ };
2600
5398
  };
2601
5399
  };
2602
5400
  interface DesignSystemContextType {