@xsolla/switch-theme-customization 0.153.2-pr277.1778668318 → 0.154.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.d.mts CHANGED
@@ -219,276 +219,6 @@ declare const themesBaseColorsArray: {
219
219
  declare const themesBaseColors: Record<string, BaseColors>;
220
220
  declare const themesColorsScheme: Record<string, (base: BaseColors) => void>;
221
221
 
222
- interface PentagramBaseColors {
223
- content: Colord;
224
- contentInverse: Colord;
225
- background: Colord;
226
- backgroundInverse: Colord;
227
- brand: Colord;
228
- brandExtra: Colord;
229
- success: Colord;
230
- warning: Colord;
231
- alert: Colord;
232
- neutral: Colord;
233
- mono: Colord;
234
- linkPrimary: Colord;
235
- linkSecondary: Colord;
236
- onBrand: Colord;
237
- onBrandExtra: Colord;
238
- onSuccess: Colord;
239
- onWarning: Colord;
240
- onAlert: Colord;
241
- onNeutral: Colord;
242
- }
243
- interface ControlVariant {
244
- bg: string;
245
- bgHover: string;
246
- bgPress: string;
247
- border: string;
248
- borderHover: string;
249
- borderPress: string;
250
- }
251
- interface ControlVariantWithDisable extends ControlVariant {
252
- bgDisable: string;
253
- borderDisable: string;
254
- }
255
- interface ThemeScheme {
256
- background: {
257
- primary: string;
258
- secondary: string;
259
- brand: {
260
- primary: string;
261
- secondary: string;
262
- };
263
- brandExtra: {
264
- primary: string;
265
- secondary: string;
266
- };
267
- success: {
268
- primary: string;
269
- secondary: string;
270
- };
271
- warning: {
272
- primary: string;
273
- secondary: string;
274
- };
275
- alert: {
276
- primary: string;
277
- secondary: string;
278
- };
279
- neutral: {
280
- primary: string;
281
- secondary: string;
282
- };
283
- inverse: string;
284
- static: {
285
- light: string;
286
- dark: string;
287
- };
288
- };
289
- content: {
290
- primary: string;
291
- secondary: string;
292
- tertiary: string;
293
- brand: {
294
- primary: string;
295
- secondary: string;
296
- };
297
- brandExtra: {
298
- primary: string;
299
- secondary: string;
300
- };
301
- success: {
302
- primary: string;
303
- secondary: string;
304
- };
305
- warning: {
306
- primary: string;
307
- secondary: string;
308
- };
309
- alert: {
310
- primary: string;
311
- secondary: string;
312
- };
313
- neutral: {
314
- primary: string;
315
- secondary: string;
316
- };
317
- inverse: string;
318
- static: {
319
- light: string;
320
- dark: string;
321
- };
322
- on: {
323
- brand: string;
324
- brandExtra: string;
325
- success: string;
326
- warning: string;
327
- alert: string;
328
- neutral: string;
329
- };
330
- };
331
- border: {
332
- primary: string;
333
- secondary: string;
334
- inverse: string;
335
- brand: string;
336
- brandExtra: string;
337
- success: string;
338
- warning: string;
339
- alert: string;
340
- neutral: string;
341
- };
342
- overlay: {
343
- mono: string;
344
- brand: string;
345
- brandExtra: string;
346
- success: string;
347
- warning: string;
348
- alert: string;
349
- neutral: string;
350
- };
351
- layer: {
352
- scrim: string;
353
- float: string;
354
- };
355
- control: {
356
- brand: {
357
- primary: ControlVariantWithDisable;
358
- secondary: ControlVariant;
359
- tertiary: ControlVariant;
360
- text: {
361
- primary: string;
362
- secondary: string;
363
- tertiary: string;
364
- disable: string;
365
- };
366
- };
367
- mono: {
368
- primary: ControlVariant;
369
- secondary: ControlVariant;
370
- tertiary: ControlVariant;
371
- text: {
372
- primary: string;
373
- secondary: string;
374
- tertiary: string;
375
- };
376
- };
377
- brandExtra: {
378
- primary: ControlVariant;
379
- secondary: ControlVariant;
380
- tertiary: ControlVariant;
381
- text: {
382
- primary: string;
383
- secondary: string;
384
- tertiary: string;
385
- };
386
- };
387
- alert: {
388
- bg: string;
389
- border: string;
390
- primary: ControlVariant;
391
- secondary: ControlVariant;
392
- tertiary: ControlVariant;
393
- text: {
394
- primary: string;
395
- secondary: string;
396
- tertiary: string;
397
- };
398
- };
399
- input: {
400
- bg: string;
401
- bgHover: string;
402
- bgDisable: string;
403
- border: string;
404
- borderHover: string;
405
- borderDisable: string;
406
- text: string;
407
- placeholder: string;
408
- textDisable: string;
409
- };
410
- focus: {
411
- bg: string;
412
- border: string;
413
- };
414
- check: {
415
- bg: string;
416
- bgHover: string;
417
- bgDisable: string;
418
- border: string;
419
- borderHover: string;
420
- borderDisable: string;
421
- icon: string;
422
- };
423
- faint: {
424
- bg: string;
425
- bgHover: string;
426
- border: string;
427
- borderHover: string;
428
- };
429
- slider: {
430
- bg: string;
431
- bgHover: string;
432
- bgDisable: string;
433
- };
434
- switch: {
435
- bg: string;
436
- bgHover: string;
437
- bgDisable: string;
438
- border: string;
439
- borderHover: string;
440
- borderDisable: string;
441
- };
442
- knob: {
443
- bg: string;
444
- bgHover: string;
445
- bgInactive: string;
446
- };
447
- text: {
448
- primary: string;
449
- disable: string;
450
- };
451
- link: {
452
- primary: string;
453
- primaryHover: string;
454
- secondary: string;
455
- secondaryHover: string;
456
- };
457
- segmented: {
458
- bg: string;
459
- bgHover: string;
460
- bgActive: string;
461
- border: string;
462
- borderHover: string;
463
- borderActive: string;
464
- text: string;
465
- textDisable: string;
466
- };
467
- toggleButton: {
468
- bg: string;
469
- bgHover: string;
470
- bgActive: string;
471
- bgDisable: string;
472
- border: string;
473
- borderHover: string;
474
- borderActive: string;
475
- borderDisable: string;
476
- text: string;
477
- textActive: string;
478
- textDisable: string;
479
- };
480
- };
481
- }
482
- type PresetName = string;
483
-
484
- declare const baseDark: PentagramBaseColors;
485
- declare const createDarkScheme: (b: PentagramBaseColors) => ThemeScheme;
486
- declare const payStationDarkScheme: ThemeScheme;
487
-
488
- declare const base: PentagramBaseColors;
489
- declare const createScheme: (b: PentagramBaseColors) => ThemeScheme;
490
- declare const payStationScheme: ThemeScheme;
491
-
492
222
  declare const themes: Record<string, Theme>;
493
223
 
494
224
  declare const palettes: {
@@ -1950,4 +1680,4 @@ type ThemeFunctionType = {
1950
1680
  declare const generateWithScheme: ({ schemeName, baseColors, parentTheme }: ThemeFunctionType) => Theme & void;
1951
1681
  declare const themeGenerator: (props: ThemeFunctionType) => Theme;
1952
1682
 
1953
- export { type BaseColors, type BaseColorsIndex, type ColorValue, type Colors$1 as Colors, type ComponentBaseColors$1 as ComponentBaseColors, type Misc, type PentagramBaseColors, type PresetName, type Shadows, type Size, type Theme, type ThemeFunctionType, type ThemeScheme, type ThemeVariant, type Typography, base, baseDark, createDarkScheme, createScheme, emails, emailsDark, emailsThemes, generateWithScheme, palettes, payStationDarkScheme, payStationScheme, paystation4, paystation4Dark, paystation4Gaijin, paystation4Nexters, paystation4Take2, paystation4Themes, primaryPalette, publisherV2, publisherV2Dark, publisherV2Themes, themeGenerator, themes, themesBaseColors, themesBaseColorsArray, themesColorsScheme };
1683
+ export { type BaseColors, type BaseColorsIndex, type ColorValue, type Colors$1 as Colors, type ComponentBaseColors$1 as ComponentBaseColors, type Misc, type Shadows, type Size, type Theme, type ThemeFunctionType, type ThemeVariant, type Typography, emails, emailsDark, emailsThemes, generateWithScheme, palettes, paystation4, paystation4Dark, paystation4Gaijin, paystation4Nexters, paystation4Take2, paystation4Themes, primaryPalette, publisherV2, publisherV2Dark, publisherV2Themes, themeGenerator, themes, themesBaseColors, themesBaseColorsArray, themesColorsScheme };
package/index.d.ts CHANGED
@@ -219,276 +219,6 @@ declare const themesBaseColorsArray: {
219
219
  declare const themesBaseColors: Record<string, BaseColors>;
220
220
  declare const themesColorsScheme: Record<string, (base: BaseColors) => void>;
221
221
 
222
- interface PentagramBaseColors {
223
- content: Colord;
224
- contentInverse: Colord;
225
- background: Colord;
226
- backgroundInverse: Colord;
227
- brand: Colord;
228
- brandExtra: Colord;
229
- success: Colord;
230
- warning: Colord;
231
- alert: Colord;
232
- neutral: Colord;
233
- mono: Colord;
234
- linkPrimary: Colord;
235
- linkSecondary: Colord;
236
- onBrand: Colord;
237
- onBrandExtra: Colord;
238
- onSuccess: Colord;
239
- onWarning: Colord;
240
- onAlert: Colord;
241
- onNeutral: Colord;
242
- }
243
- interface ControlVariant {
244
- bg: string;
245
- bgHover: string;
246
- bgPress: string;
247
- border: string;
248
- borderHover: string;
249
- borderPress: string;
250
- }
251
- interface ControlVariantWithDisable extends ControlVariant {
252
- bgDisable: string;
253
- borderDisable: string;
254
- }
255
- interface ThemeScheme {
256
- background: {
257
- primary: string;
258
- secondary: string;
259
- brand: {
260
- primary: string;
261
- secondary: string;
262
- };
263
- brandExtra: {
264
- primary: string;
265
- secondary: string;
266
- };
267
- success: {
268
- primary: string;
269
- secondary: string;
270
- };
271
- warning: {
272
- primary: string;
273
- secondary: string;
274
- };
275
- alert: {
276
- primary: string;
277
- secondary: string;
278
- };
279
- neutral: {
280
- primary: string;
281
- secondary: string;
282
- };
283
- inverse: string;
284
- static: {
285
- light: string;
286
- dark: string;
287
- };
288
- };
289
- content: {
290
- primary: string;
291
- secondary: string;
292
- tertiary: string;
293
- brand: {
294
- primary: string;
295
- secondary: string;
296
- };
297
- brandExtra: {
298
- primary: string;
299
- secondary: string;
300
- };
301
- success: {
302
- primary: string;
303
- secondary: string;
304
- };
305
- warning: {
306
- primary: string;
307
- secondary: string;
308
- };
309
- alert: {
310
- primary: string;
311
- secondary: string;
312
- };
313
- neutral: {
314
- primary: string;
315
- secondary: string;
316
- };
317
- inverse: string;
318
- static: {
319
- light: string;
320
- dark: string;
321
- };
322
- on: {
323
- brand: string;
324
- brandExtra: string;
325
- success: string;
326
- warning: string;
327
- alert: string;
328
- neutral: string;
329
- };
330
- };
331
- border: {
332
- primary: string;
333
- secondary: string;
334
- inverse: string;
335
- brand: string;
336
- brandExtra: string;
337
- success: string;
338
- warning: string;
339
- alert: string;
340
- neutral: string;
341
- };
342
- overlay: {
343
- mono: string;
344
- brand: string;
345
- brandExtra: string;
346
- success: string;
347
- warning: string;
348
- alert: string;
349
- neutral: string;
350
- };
351
- layer: {
352
- scrim: string;
353
- float: string;
354
- };
355
- control: {
356
- brand: {
357
- primary: ControlVariantWithDisable;
358
- secondary: ControlVariant;
359
- tertiary: ControlVariant;
360
- text: {
361
- primary: string;
362
- secondary: string;
363
- tertiary: string;
364
- disable: string;
365
- };
366
- };
367
- mono: {
368
- primary: ControlVariant;
369
- secondary: ControlVariant;
370
- tertiary: ControlVariant;
371
- text: {
372
- primary: string;
373
- secondary: string;
374
- tertiary: string;
375
- };
376
- };
377
- brandExtra: {
378
- primary: ControlVariant;
379
- secondary: ControlVariant;
380
- tertiary: ControlVariant;
381
- text: {
382
- primary: string;
383
- secondary: string;
384
- tertiary: string;
385
- };
386
- };
387
- alert: {
388
- bg: string;
389
- border: string;
390
- primary: ControlVariant;
391
- secondary: ControlVariant;
392
- tertiary: ControlVariant;
393
- text: {
394
- primary: string;
395
- secondary: string;
396
- tertiary: string;
397
- };
398
- };
399
- input: {
400
- bg: string;
401
- bgHover: string;
402
- bgDisable: string;
403
- border: string;
404
- borderHover: string;
405
- borderDisable: string;
406
- text: string;
407
- placeholder: string;
408
- textDisable: string;
409
- };
410
- focus: {
411
- bg: string;
412
- border: string;
413
- };
414
- check: {
415
- bg: string;
416
- bgHover: string;
417
- bgDisable: string;
418
- border: string;
419
- borderHover: string;
420
- borderDisable: string;
421
- icon: string;
422
- };
423
- faint: {
424
- bg: string;
425
- bgHover: string;
426
- border: string;
427
- borderHover: string;
428
- };
429
- slider: {
430
- bg: string;
431
- bgHover: string;
432
- bgDisable: string;
433
- };
434
- switch: {
435
- bg: string;
436
- bgHover: string;
437
- bgDisable: string;
438
- border: string;
439
- borderHover: string;
440
- borderDisable: string;
441
- };
442
- knob: {
443
- bg: string;
444
- bgHover: string;
445
- bgInactive: string;
446
- };
447
- text: {
448
- primary: string;
449
- disable: string;
450
- };
451
- link: {
452
- primary: string;
453
- primaryHover: string;
454
- secondary: string;
455
- secondaryHover: string;
456
- };
457
- segmented: {
458
- bg: string;
459
- bgHover: string;
460
- bgActive: string;
461
- border: string;
462
- borderHover: string;
463
- borderActive: string;
464
- text: string;
465
- textDisable: string;
466
- };
467
- toggleButton: {
468
- bg: string;
469
- bgHover: string;
470
- bgActive: string;
471
- bgDisable: string;
472
- border: string;
473
- borderHover: string;
474
- borderActive: string;
475
- borderDisable: string;
476
- text: string;
477
- textActive: string;
478
- textDisable: string;
479
- };
480
- };
481
- }
482
- type PresetName = string;
483
-
484
- declare const baseDark: PentagramBaseColors;
485
- declare const createDarkScheme: (b: PentagramBaseColors) => ThemeScheme;
486
- declare const payStationDarkScheme: ThemeScheme;
487
-
488
- declare const base: PentagramBaseColors;
489
- declare const createScheme: (b: PentagramBaseColors) => ThemeScheme;
490
- declare const payStationScheme: ThemeScheme;
491
-
492
222
  declare const themes: Record<string, Theme>;
493
223
 
494
224
  declare const palettes: {
@@ -1950,4 +1680,4 @@ type ThemeFunctionType = {
1950
1680
  declare const generateWithScheme: ({ schemeName, baseColors, parentTheme }: ThemeFunctionType) => Theme & void;
1951
1681
  declare const themeGenerator: (props: ThemeFunctionType) => Theme;
1952
1682
 
1953
- export { type BaseColors, type BaseColorsIndex, type ColorValue, type Colors$1 as Colors, type ComponentBaseColors$1 as ComponentBaseColors, type Misc, type PentagramBaseColors, type PresetName, type Shadows, type Size, type Theme, type ThemeFunctionType, type ThemeScheme, type ThemeVariant, type Typography, base, baseDark, createDarkScheme, createScheme, emails, emailsDark, emailsThemes, generateWithScheme, palettes, payStationDarkScheme, payStationScheme, paystation4, paystation4Dark, paystation4Gaijin, paystation4Nexters, paystation4Take2, paystation4Themes, primaryPalette, publisherV2, publisherV2Dark, publisherV2Themes, themeGenerator, themes, themesBaseColors, themesBaseColorsArray, themesColorsScheme };
1683
+ export { type BaseColors, type BaseColorsIndex, type ColorValue, type Colors$1 as Colors, type ComponentBaseColors$1 as ComponentBaseColors, type Misc, type Shadows, type Size, type Theme, type ThemeFunctionType, type ThemeVariant, type Typography, emails, emailsDark, emailsThemes, generateWithScheme, palettes, paystation4, paystation4Dark, paystation4Gaijin, paystation4Nexters, paystation4Take2, paystation4Themes, primaryPalette, publisherV2, publisherV2Dark, publisherV2Themes, themeGenerator, themes, themesBaseColors, themesBaseColorsArray, themesColorsScheme };