@digitalc/dxp-ui 0.0.6-alpha.12 → 0.0.6-alpha.14

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 (19) hide show
  1. package/es/assets/token.json +603 -127
  2. package/es/components/Drawer/style/variables.less +0 -1
  3. package/es/components/Navigation/style/variables.less +2 -0
  4. package/es/components/Text/designTokens.d.ts +4 -0
  5. package/es/components/Text/designTokens.js +5 -1
  6. package/es/components/Text/index.js +7 -2
  7. package/es/tokens/DXPGlobal.d.ts +37 -2
  8. package/es/utils/tokenManager.d.ts +8 -0
  9. package/es/utils/tokenManager.js +8 -4
  10. package/lib/assets/token.json +603 -127
  11. package/lib/components/Drawer/style/variables.less +0 -1
  12. package/lib/components/Navigation/style/variables.less +2 -0
  13. package/lib/components/Text/designTokens.d.ts +4 -0
  14. package/lib/components/Text/designTokens.js +5 -1
  15. package/lib/components/Text/index.js +49 -1
  16. package/lib/tokens/DXPGlobal.d.ts +37 -2
  17. package/lib/utils/tokenManager.d.ts +8 -0
  18. package/lib/utils/tokenManager.js +6 -2
  19. package/package.json +1 -1
package/es/assets/token.json CHANGED
@@ -1,6 +1,5 @@
1
1
  {
2
2
  "clpV2": {
3
- "colorBorderActiveStroke": "rgba(77, 40, 232, 0.20)",
4
3
  "spacingGapXs": 4,
5
4
  "spacingGapSm": 8,
6
5
  "spacingGapLg": 24,
@@ -42,16 +41,16 @@
42
41
  "colorBackgroundActive": "#3434e1",
43
42
  "colorBackgroundOverlay": "#00000099",
44
43
  "colorBackgroundOverlayLight": "#dfdfe4cc",
45
- "colorBackgroundCtaSuccess": "#00b379",
44
+ "colorBackgroundCtaSuccess": "#00d16a",
46
45
  "colorBackgroundDark": "#000000d8",
47
- "colorBackgroundDark2": "#242424",
46
+ "colorBackgroundDark2": "#545454",
48
47
  "colorBackgroundDisabled": "#e6e6e6",
49
48
  "colorBackgroundWeak": "#b5b5b5",
50
49
  "colorBackgroundActiveWeak": "#d6d6f9",
51
50
  "colorBackgroundActiveWeakInverse": "#f5ffc0",
52
51
  "colorBackgroundActiveInverse": "#07d39f",
53
52
  "colorBackgroundSubtle2": "#ebebfc",
54
- "colorBackgroundHeader": "#2727d0",
53
+ "colorBackgroundHeader": "#3434e1",
55
54
  "colorBackgroundFooter": "#d5d5d5",
56
55
  "colorBackgroundCoachmark": "#3434e1",
57
56
  "colorTextNeutral": "#242424",
@@ -62,8 +61,8 @@
62
61
  "colorTextInverse": "#ffffff",
63
62
  "colorTextLink": "#3434e1",
64
63
  "colorTextLinkInverse": "#07d39f",
65
- "colorTextAlert": "#bc1430",
66
- "colorTextSuccess": "#00b379",
64
+ "colorTextAlert": "#ed1d23",
65
+ "colorTextSuccess": "#00d16a",
67
66
  "colorTextNavigationActive": "#3434e1",
68
67
  "colorTextHeaderActive": "#e5ff17",
69
68
  "colorTextCta": "#3434e1",
@@ -80,28 +79,28 @@
80
79
  "colorIconSubtle": "#545454",
81
80
  "colorIconWeak": "#b5b5b5",
82
81
  "colorIconDisabled": "#d9d9d9",
83
- "colorIconAlert": "#d82e00",
84
- "colorIconAlertInverse": "#e05833",
85
- "colorIconSuccess": "#00b379",
86
- "colorIconPending": "#ffb524",
82
+ "colorIconAlert": "#ed1d23",
83
+ "colorIconAlertInverse": "#f14a4f",
84
+ "colorIconSuccess": "#00d16a",
85
+ "colorIconPending": "#ff8d1b",
87
86
  "colorIconInverse": "#ffffff",
88
87
  "colorIconInactive": "#d5d5d5",
89
88
  "colorIconActive": "#b5b5b5",
90
89
  "colorIconLocationPin": "#d01660",
91
90
  "colorIconLocationPinActive": "#3434e1",
92
91
  "colorIconLoader": "#8c8c8c",
93
- "colorIconNotice": "#ff5d76",
92
+ "colorIconNotice": "#ed1d23",
94
93
  "colorBottomNavigationInactive": "#8c8c8c",
95
94
  "colorBottomNavigationActive": "#3434e1",
96
95
  "colorIconLinkInverse": "#07d39f",
97
96
  "colorIconSubtleInverse": "#b5b5b5",
98
- "colorIconRating": "#ffb524",
99
- "colorTagPrimary": "#d01660",
97
+ "colorIconRating": "#ffae4b",
98
+ "colorTagPrimary": "#07d39f",
100
99
  "colorTagSecondary": "#3434e1",
101
100
  "colorBorderDivider": "#e6e6e6",
102
101
  "colorBorderCta": "#3434e1",
103
- "colorBorderCtaInverse": "#07d39f",
104
- "colorBorderError": "#bd341c",
102
+ "colorBorderCtaInverse": "#ffffff",
103
+ "colorBorderError": "#ed1d23",
105
104
  "colorBorderSelected": "#3434e1",
106
105
  "colorBorderStandard": "#d9d9d9",
107
106
  "colorBorderActive": "#3434e1",
@@ -111,7 +110,7 @@
111
110
  "colorBorderStrikeoutInverse": "#ffffff",
112
111
  "colorBorderStrong": "#b5b5b5",
113
112
  "colorBorderWeakInverse": "#ffffff",
114
- "colorBorderActiveInverse": "#07d39f",
113
+ "colorBorderActiveInverse": "#ffffff",
115
114
  "colorBorderBenchmark": "#2727d0",
116
115
  "colorBorderBenchmarkInverse": "#d5e516",
117
116
  "colorNotificationAlert": "#fdeae7",
@@ -134,15 +133,15 @@
134
133
  "colorRewards3": "#fee8b6",
135
134
  "colorGraph1": "#5d5de7",
136
135
  "colorGraph2": "#ffc300",
137
- "colorGraph3": "#ed1a3d",
136
+ "colorGraph3": "#f8a5a7",
138
137
  "colorGraph4": "#07d39f",
139
138
  "colorGraph5": "#aeaef3",
140
139
  "colorGraph6": "#fde499",
141
- "colorGraph7": "#ffd2d9",
140
+ "colorGraph7": "#fbd2d3",
142
141
  "colorGraph8": "#acf5e3",
143
142
  "colorGraph9": "#2727d0",
144
143
  "colorGraph10": "#fef1cc",
145
- "colorGraph11": "#ffeaea",
144
+ "colorGraph11": "#fde8e9",
146
145
  "colorGraph12": "#defdf3",
147
146
  "sizingIconUtilityXxs": 12,
148
147
  "sizingIconUtilityXs": 16,
@@ -195,8 +194,8 @@
195
194
  "borderRadiusXl": 32,
196
195
  "borderRadiusLg": 40,
197
196
  "opacitySubtle": 30,
198
- "colorBackgroundSubtle3": "#e6e6e6",
199
- "colorBackgroundDelete": "#ca112f",
197
+ "colorBackgroundSubtle3": "#b5b5b5",
198
+ "colorBackgroundDelete": "#ed1d23",
200
199
  "spacingIconXxxl": 64,
201
200
  "spacingIconXxl": 40,
202
201
  "spacingIconXl": 32,
@@ -216,7 +215,7 @@
216
215
  "sizingTagSm": 20,
217
216
  "sizingTagXs": 12,
218
217
  "spacingGapMd": 16,
219
- "spacingGapSm2": 8,
218
+ "spacingGapSm2": 12,
220
219
  "spacingIconXxs": 1.5,
221
220
  "spacingInputSm2": 11.5,
222
221
  "spacingInputSm3": 12,
@@ -238,7 +237,7 @@
238
237
  "fontFamilySecondaryBold": "Roboto",
239
238
  "boolean": false,
240
239
  "colorTagGrey": "#b5b5b5",
241
- "colorTagRed": "#fa2c2c",
240
+ "colorTagRed": "#ed1d23",
242
241
  "colorTagYellow": "#ffc300",
243
242
  "colorTagGreen": "#00bc6f",
244
243
  "colorTagBlue": "#3434e1",
@@ -246,19 +245,19 @@
246
245
  "colorTagPrimaryLight": "#ffeaf2",
247
246
  "colorTagSecondaryLight": "#e8e6fd",
248
247
  "colorTagGreyLight": "#e6e6e6",
249
- "colorTagRedLight": "#ffeaea",
248
+ "colorTagRedLight": "#fde8e9",
250
249
  "colorTagYellowLight": "#fff8e5",
251
250
  "colorTagGreenLight": "#e8fbf3",
252
251
  "colorTagBlueLight": "#ebebfc",
253
252
  "colorTagOrangeLight": "#fff4e9",
254
253
  "colorTagBlack": "#545454",
255
254
  "fontSizeDesktopTitleT23": 32,
256
- "fontSizeDesktopContentC14": 16,
255
+ "fontSizeDesktopContentC14": 14,
257
256
  "fontSizeDesktopContentC21": 20,
258
257
  "fontSizeDesktopTitleT21": 24,
259
- "fontSizeDesktopContentC12": 14,
258
+ "fontSizeDesktopContentC12": 12,
260
259
  "fontSizeDesktopContentC10": 10,
261
- "fontSizeDesktopContentC11": 12,
260
+ "fontSizeDesktopContentC11": 10,
262
261
  "fontSizeDesktopContentC13": 0,
263
262
  "fontSizeDesktopTitleT12": 12,
264
263
  "fontSizeDesktopTitleT32": 40,
@@ -266,7 +265,7 @@
266
265
  "fontSizeDesktopContentC05": 8,
267
266
  "fontSizeDesktopContentC04": 6,
268
267
  "borderRadiusButton": 32,
269
- "colorTextItemtitle": "#8c8c8c",
268
+ "colorTextItemtitle": "#242424",
270
269
  "fontSizeDesktopTitleT13": 14,
271
270
  "fontSizeDesktopTitleT16": 20,
272
271
  "fontSizeDesktopTitleT14": 16,
@@ -294,26 +293,57 @@
294
293
  "fontSizeMobileTitleT45": 48,
295
294
  "fontSizeMobileNavigation": 16,
296
295
  "colorTextHintMessage": "#8c8c8c",
297
- "colorTextCta2": "#3434e1",
298
- "colorBackgroundHeaderActive": "#2727d0",
296
+ "colorBackgroundHeaderActive": "#07d39f",
299
297
  "spacingTopNavigationPaddingTop": 4,
300
298
  "spacingTopNavigationPaddingBottom": 4,
301
- "fontSizeMobileTitleT16": 0,
299
+ "fontSizeMobileTitleT16": 20,
302
300
  "fontSizeMobileContentC23": 24,
303
301
  "fontSizeMobileContentC16": 18,
304
302
  "fontSizeDesktopContentC23": 24,
305
- "fontSizeDesktopContentC15": 18,
306
- "fontSizeDesktopContentC16": 0,
303
+ "fontSizeDesktopContentC15": 16,
304
+ "fontSizeDesktopContentC16": 18,
307
305
  "fontSizeMobileContentC10": 0,
308
306
  "fontSizeDesktopTitleT24": 26,
309
307
  "fontSizeDesktopTitleT25": 28,
310
308
  "fontSizeDesktopTitleT45": 0,
311
309
  "colorBackgroundSecondary": "#3434e1",
312
- "colorBackgroundSelector": "#f5f5fd",
313
- "sizingTextBoxInput": 44
310
+ "colorBackgroundSelector": "#ffffff",
311
+ "sizingTextBoxInput": 44,
312
+ "colorBorderActiveStroke": "#3434e133",
313
+ "colorTextError": "#ed1d23",
314
+ "colorBackgroundTopNavigation": "#ffffff",
315
+ "colorTextSecondary": "#3434e1",
316
+ "colorIconInfo": "#3434e1",
317
+ "colorBorderWarning": "#ffbb77",
318
+ "colorBackgroundWarning": "#fff8f1",
319
+ "colorBackgroundAlert": "#fde8e9",
320
+ "colorBorderAlert": "#f4777b",
321
+ "colorBorderInfo": "#8585ed",
322
+ "colorTextTopNavigation": "#242424",
323
+ "colorIconTopNavigation": "#242424",
324
+ "colorGraphHomeCircleBg": "#d9d9d9",
325
+ "colorGraphHomeCircleActive": "#3434e1",
326
+ "colorBorderPending": "#ffc300",
327
+ "colorGraphHomeCircleError": "#ed1d23",
328
+ "colorTextButtonInverse": "#ffffff",
329
+ "colorTextRoamingUsage": "#545454",
330
+ "colorTextNoRoamingUsage": "#545454",
331
+ "sizingIconTextLinkMd": 16,
332
+ "sizingIconButtonMd": 20,
333
+ "colorBackgroundBadge": "#ed1d23",
334
+ "colorTextBadge": "#ffffff",
335
+ "colorBalanceDefault": "#d9d9d9",
336
+ "colorBalance1": "#3434e1",
337
+ "colorBalance2": "#04acf3",
338
+ "colorBalance3": "#0cbe91",
339
+ "colorBalance4": "#a87fff",
340
+ "colorBackgroundInputBgActive": "#ffffff",
341
+ "colorBackgroundError": "#fde8e9",
342
+ "colorBackgroundInputBgDisabled": "#ffffff",
343
+ "colorTextTab": "#3434e1",
344
+ "colorTextPlaceholder": "#545454"
314
345
  },
315
- "gomo": {
316
- "colorBorderActiveStroke": "rgba(77, 40, 232, 0.20)",
346
+ "clpGomo": {
317
347
  "spacingGapXs": 4,
318
348
  "spacingGapSm": 8,
319
349
  "spacingGapLg": 24,
@@ -355,12 +385,12 @@
355
385
  "colorBackgroundActive": "#4d28e8",
356
386
  "colorBackgroundOverlay": "#00000099",
357
387
  "colorBackgroundOverlayLight": "#dfdfe4cc",
358
- "colorBackgroundCtaSuccess": "#00b379",
388
+ "colorBackgroundCtaSuccess": "#00d16a",
359
389
  "colorBackgroundDark": "#242328",
360
390
  "colorBackgroundDark2": "#151518",
361
391
  "colorBackgroundDisabled": "#dfdfe4",
362
392
  "colorBackgroundWeak": "#bfbfc7",
363
- "colorBackgroundActiveWeak": "#d6d6f9",
393
+ "colorBackgroundActiveWeak": "#ede9fd",
364
394
  "colorBackgroundActiveWeakInverse": "#f5ffc0",
365
395
  "colorBackgroundActiveInverse": "#e5ff17",
366
396
  "colorBackgroundSubtle2": "#ede9fd",
@@ -375,8 +405,8 @@
375
405
  "colorTextInverse": "#ffffff",
376
406
  "colorTextLink": "#4d28e8",
377
407
  "colorTextLinkInverse": "#e5ff17",
378
- "colorTextAlert": "#bc1430",
379
- "colorTextSuccess": "#00b379",
408
+ "colorTextAlert": "#e82020",
409
+ "colorTextSuccess": "#00d16a",
380
410
  "colorTextNavigationActive": "#4d28e8",
381
411
  "colorTextHeaderActive": "#e5ff17",
382
412
  "colorTextCta": "#4d28e8",
@@ -393,28 +423,28 @@
393
423
  "colorIconSubtle": "#8c8c98",
394
424
  "colorIconWeak": "#bfbfc7",
395
425
  "colorIconDisabled": "#dfdfe4",
396
- "colorIconAlert": "#bd341c",
426
+ "colorIconAlert": "#ff3636",
397
427
  "colorIconAlertInverse": "#ff5d76",
398
- "colorIconSuccess": "#00b379",
399
- "colorIconPending": "#ffb524",
428
+ "colorIconSuccess": "#00d16a",
429
+ "colorIconPending": "#ffae4b",
400
430
  "colorIconInverse": "#ffffff",
401
431
  "colorIconInactive": "#dfdfe4",
402
432
  "colorIconActive": "#8c8c98",
403
433
  "colorIconLocationPin": "#d01660",
404
434
  "colorIconLocationPinActive": "#4d28e8",
405
435
  "colorIconLoader": "#8c8c98",
406
- "colorIconNotice": "#ff5d76",
436
+ "colorIconNotice": "#ca112f",
407
437
  "colorBottomNavigationInactive": "#8c8c98",
408
438
  "colorBottomNavigationActive": "#4d28e8",
409
439
  "colorIconLinkInverse": "#e5ff17",
410
440
  "colorIconSubtleInverse": "#dfdfe4",
411
- "colorIconRating": "#ffb524",
412
- "colorTagPrimary": "#d01660",
441
+ "colorIconRating": "#ffae4b",
442
+ "colorTagPrimary": "#000000",
413
443
  "colorTagSecondary": "#1700e8",
414
444
  "colorBorderDivider": "#dfdfe4",
415
445
  "colorBorderCta": "#4d28e8",
416
446
  "colorBorderCtaInverse": "#e5ff17",
417
- "colorBorderError": "#bd341c",
447
+ "colorBorderError": "#ff3636",
418
448
  "colorBorderSelected": "#4d28e8",
419
449
  "colorBorderStandard": "#bfbfc7",
420
450
  "colorBorderActive": "#4d28e8",
@@ -447,15 +477,15 @@
447
477
  "colorRewards3": "#fee8b6",
448
478
  "colorGraph1": "#5d5de7",
449
479
  "colorGraph2": "#ffc300",
450
- "colorGraph3": "#ed1a3d",
480
+ "colorGraph3": "#f8a5a7",
451
481
  "colorGraph4": "#07d39f",
452
482
  "colorGraph5": "#aeaef3",
453
483
  "colorGraph6": "#fde499",
454
- "colorGraph7": "#ffd2d9",
484
+ "colorGraph7": "#fbd2d3",
455
485
  "colorGraph8": "#acf5e3",
456
- "colorGraph9": "#2727d0",
486
+ "colorGraph9": "#4d28e8",
457
487
  "colorGraph10": "#fef1cc",
458
- "colorGraph11": "#ffeaea",
488
+ "colorGraph11": "#fde8e9",
459
489
  "colorGraph12": "#defdf3",
460
490
  "sizingIconUtilityXxs": 12,
461
491
  "sizingIconUtilityXs": 16,
@@ -509,7 +539,7 @@
509
539
  "borderRadiusLg": 40,
510
540
  "opacitySubtle": 30,
511
541
  "colorBackgroundSubtle3": "#dfdfe4",
512
- "colorBackgroundDelete": "#ca112f",
542
+ "colorBackgroundDelete": "#ff3636",
513
543
  "spacingIconXxxl": 64,
514
544
  "spacingIconXxl": 40,
515
545
  "spacingIconXl": 32,
@@ -529,14 +559,14 @@
529
559
  "sizingTagSm": 20,
530
560
  "sizingTagXs": 12,
531
561
  "spacingGapMd": 16,
532
- "spacingGapSm2": 8,
562
+ "spacingGapSm2": 12,
533
563
  "spacingIconXxs": 1.5,
534
564
  "spacingInputSm2": 16,
535
565
  "spacingInputSm3": 12,
536
566
  "spacingInputMd2": 20,
537
567
  "spacingInputMd3": 22.5,
538
568
  "colorBackgroundCtaSecondary": "#ebebfc",
539
- "colorTextCtaSecondary": "#aeaef3",
569
+ "colorTextCtaSecondary": "#4d28e8",
540
570
  "colorIconCtaSecondary": "#aeaef3",
541
571
  "sizingIconUtilityXs2": 24,
542
572
  "sizingIconGeneralXs2": 20,
@@ -551,7 +581,7 @@
551
581
  "fontFamilySecondaryBold": "Roboto",
552
582
  "boolean": false,
553
583
  "colorTagGrey": "#b5b5b5",
554
- "colorTagRed": "#fa2c2c",
584
+ "colorTagRed": "#ed1d23",
555
585
  "colorTagYellow": "#ffc300",
556
586
  "colorTagGreen": "#00bc6f",
557
587
  "colorTagBlue": "#1700e8",
@@ -559,12 +589,12 @@
559
589
  "colorTagPrimaryLight": "#ffeaf2",
560
590
  "colorTagSecondaryLight": "#e8e6fd",
561
591
  "colorTagGreyLight": "#e6e6e6",
562
- "colorTagRedLight": "#ffeaea",
592
+ "colorTagRedLight": "#fde8e9",
563
593
  "colorTagYellowLight": "#fff8e5",
564
594
  "colorTagGreenLight": "#e8fbf3",
565
595
  "colorTagBlueLight": "#e8e6fd",
566
596
  "colorTagOrangeLight": "#fff4e9",
567
- "colorTagBlack": "#545454",
597
+ "colorTagBlack": "#55555e",
568
598
  "fontSizeDesktopTitleT23": 32,
569
599
  "fontSizeDesktopContentC14": 18,
570
600
  "fontSizeDesktopContentC21": 20,
@@ -607,26 +637,57 @@
607
637
  "fontSizeMobileTitleT45": 48,
608
638
  "fontSizeMobileNavigation": 16,
609
639
  "colorTextHintMessage": "#151518",
610
- "colorTextCta2": "#4d28e8",
611
640
  "colorBackgroundHeaderActive": "#e5ff17",
612
641
  "spacingTopNavigationPaddingTop": 0,
613
642
  "spacingTopNavigationPaddingBottom": 8,
614
- "fontSizeMobileTitleT16": 0,
643
+ "fontSizeMobileTitleT16": 20,
615
644
  "fontSizeMobileContentC23": 24,
616
645
  "fontSizeMobileContentC16": 18,
617
646
  "fontSizeDesktopContentC23": 24,
618
647
  "fontSizeDesktopContentC15": 18,
619
- "fontSizeDesktopContentC16": 0,
648
+ "fontSizeDesktopContentC16": 18,
620
649
  "fontSizeMobileContentC10": 0,
621
650
  "fontSizeDesktopTitleT24": 26,
622
651
  "fontSizeDesktopTitleT25": 28,
623
652
  "fontSizeDesktopTitleT45": 0,
624
- "colorBackgroundSecondary": "#3e20ba",
653
+ "colorBackgroundSecondary": "#4d28e8",
625
654
  "colorBackgroundSelector": "#ffffff",
626
- "sizingTextBoxInput": 56
655
+ "sizingTextBoxInput": 56,
656
+ "colorBorderActiveStroke": "#4d28e833",
657
+ "colorTextError": "#ff3636",
658
+ "colorBackgroundTopNavigation": "#ffffff",
659
+ "colorTextSecondary": "#4d28e8",
660
+ "colorIconInfo": "#4d28e8",
661
+ "colorBorderWarning": "#ffae4b99",
662
+ "colorBackgroundWarning": "#fffbf0",
663
+ "colorBackgroundAlert": "#ff36360c",
664
+ "colorBorderAlert": "#ff363699",
665
+ "colorBorderInfo": "#4d28e899",
666
+ "colorTextTopNavigation": "#151518",
667
+ "colorIconTopNavigation": "#242328",
668
+ "colorGraphHomeCircleBg": "#d5e516",
669
+ "colorGraphHomeCircleActive": "#4d28e8",
670
+ "colorBorderPending": "#ffae4b",
671
+ "colorGraphHomeCircleError": "#ed1d23",
672
+ "colorTextButtonInverse": "#4d28e8",
673
+ "colorTextRoamingUsage": "#70707a",
674
+ "colorTextNoRoamingUsage": "#ffffff",
675
+ "sizingIconTextLinkMd": 20,
676
+ "sizingIconButtonMd": 24,
677
+ "colorBackgroundBadge": "#ff3636",
678
+ "colorTextBadge": "#ffffff",
679
+ "colorBalanceDefault": "#d5e516",
680
+ "colorBalance1": "#4d28e8",
681
+ "colorBalance2": "#4d28e8",
682
+ "colorBalance3": "#4d28e8",
683
+ "colorBalance4": "#ed1d23",
684
+ "colorBackgroundInputBgActive": "#ffffff",
685
+ "colorBackgroundError": "#fff5f5",
686
+ "colorBackgroundInputBgDisabled": "#ffffff",
687
+ "colorTextTab": "#4d28e8",
688
+ "colorTextPlaceholder": "#bfbfc7"
627
689
  },
628
690
  "eSales": {
629
- "colorBorderActiveStroke": "rgba(77, 40, 232, 0.20)",
630
691
  "spacingGapXs": 4,
631
692
  "spacingGapSm": 8,
632
693
  "spacingGapLg": 24,
@@ -659,7 +720,7 @@
659
720
  "opacityOverlay": 80,
660
721
  "colorBackgroundCta": "#180c8e",
661
722
  "colorBackgroundCtaInversePressed": "#e5ff177f",
662
- "colorBackgroundCtaPressed": "#4d28e87f",
723
+ "colorBackgroundCtaPressed": "#180c8e7f",
663
724
  "colorBackgroundStandard": "#ffffff",
664
725
  "colorBackgroundSubtle": "#f2f2f2",
665
726
  "colorBackgroundHover": "#e8e7f4",
@@ -668,7 +729,7 @@
668
729
  "colorBackgroundActive": "#180c8e",
669
730
  "colorBackgroundOverlay": "#000000b2",
670
731
  "colorBackgroundOverlayLight": "#dfdfe4cc",
671
- "colorBackgroundCtaSuccess": "#00b379",
732
+ "colorBackgroundCtaSuccess": "#00d16a",
672
733
  "colorBackgroundDark": "#000000d8",
673
734
  "colorBackgroundDark2": "#242424",
674
735
  "colorBackgroundDisabled": "#e6e6e6",
@@ -689,7 +750,7 @@
689
750
  "colorTextLink": "#3e51f4",
690
751
  "colorTextLinkInverse": "#38bffc",
691
752
  "colorTextAlert": "#d82e00",
692
- "colorTextSuccess": "#00b379",
753
+ "colorTextSuccess": "#00d16a",
693
754
  "colorTextNavigationActive": "#180c8e",
694
755
  "colorTextHeaderActive": "#38bffc",
695
756
  "colorTextCta": "#180c8e",
@@ -708,22 +769,22 @@
708
769
  "colorIconDisabled": "#d9d9d9",
709
770
  "colorIconAlert": "#d82e00",
710
771
  "colorIconAlertInverse": "#e05833",
711
- "colorIconSuccess": "#00b379",
712
- "colorIconPending": "#ffb524",
772
+ "colorIconSuccess": "#00d16a",
773
+ "colorIconPending": "#f9b003",
713
774
  "colorIconInverse": "#ffffff",
714
775
  "colorIconInactive": "#d5d5d5",
715
776
  "colorIconActive": "#b5b5b5",
716
777
  "colorIconLocationPin": "#d01660",
717
778
  "colorIconLocationPinActive": "#180c8e",
718
779
  "colorIconLoader": "#8c8c8c",
719
- "colorIconNotice": "#ff5d76",
780
+ "colorIconNotice": "#d82e00",
720
781
  "colorBottomNavigationInactive": "#8c8c8c",
721
782
  "colorBottomNavigationActive": "#180c8e",
722
783
  "colorIconLinkInverse": "#38bffc",
723
784
  "colorIconSubtleInverse": "#b5b5b5",
724
- "colorIconRating": "#ffb524",
725
- "colorTagPrimary": "#d01660",
726
- "colorTagSecondary": "#3849db",
785
+ "colorIconRating": "#ffae4b",
786
+ "colorTagPrimary": "#180c8e",
787
+ "colorTagSecondary": "#3e51f4",
727
788
  "colorBorderDivider": "#e6e6e6",
728
789
  "colorBorderCta": "#180c8e",
729
790
  "colorBorderCtaInverse": "#07d39f",
@@ -737,7 +798,7 @@
737
798
  "colorBorderStrikeoutInverse": "#ffffff",
738
799
  "colorBorderStrong": "#b5b5b5",
739
800
  "colorBorderWeakInverse": "#ffffff",
740
- "colorBorderActiveInverse": "#07d39f",
801
+ "colorBorderActiveInverse": "#ffffff",
741
802
  "colorBorderBenchmark": "#160b7f",
742
803
  "colorBorderBenchmarkInverse": "#d5e516",
743
804
  "colorNotificationAlert": "#fdeae7",
@@ -760,15 +821,15 @@
760
821
  "colorRewards3": "#fee8b6",
761
822
  "colorGraph1": "#5d5de7",
762
823
  "colorGraph2": "#ffc300",
763
- "colorGraph3": "#ed1a3d",
824
+ "colorGraph3": "#f8a5a7",
764
825
  "colorGraph4": "#07d39f",
765
826
  "colorGraph5": "#aeaef3",
766
827
  "colorGraph6": "#fde499",
767
- "colorGraph7": "#ffd2d9",
828
+ "colorGraph7": "#fbd2d3",
768
829
  "colorGraph8": "#acf5e3",
769
830
  "colorGraph9": "#160b7f",
770
831
  "colorGraph10": "#fef1cc",
771
- "colorGraph11": "#ffeaea",
832
+ "colorGraph11": "#fde8e9",
772
833
  "colorGraph12": "#defdf3",
773
834
  "sizingIconUtilityXxs": 12,
774
835
  "sizingIconUtilityXs": 16,
@@ -842,7 +903,7 @@
842
903
  "sizingTagSm": 20,
843
904
  "sizingTagXs": 12,
844
905
  "spacingGapMd": 16,
845
- "spacingGapSm2": 8,
906
+ "spacingGapSm2": 12,
846
907
  "spacingIconXxs": 1.5,
847
908
  "spacingInputSm2": 11.5,
848
909
  "spacingInputSm3": 12,
@@ -856,12 +917,16 @@
856
917
  "borderRadiusXs": 4,
857
918
  "colorTextAmount": "#180c8e",
858
919
  "opacityDefault": 100,
859
- "fontFamilySecondaryRegular": "SF Pro Text",
860
- "fontFamilyPrimaryRegular": "SF Pro Text",
861
- "fontFamilyPrimaryBold": "SF Pro Text",
862
- "fontFamilyPrimarySemiBold": "SF Pro Text",
863
- "fontFamilySecondarySemiBold": "SF Pro Text",
864
- "fontFamilySecondaryBold": "SF Pro Text",
920
+ "fontFamilySecondaryRegular": "Roboto",
921
+ "fontFamilyPrimaryRegular": "Roboto",
922
+ "fontFamilyPrimaryBold": "Roboto",
923
+ "fontFamilyPrimarySemiBold": "Roboto",
924
+ "fontFamilySecondarySemiBold": "Roboto",
925
+ "fontFamilySecondaryBold": "Roboto",
926
+ "fontWeightSecondaryBold": 700,
927
+ "fontWeightSecondarySemiBold": 600,
928
+ "fontWeightPrimaySemiBold": 600,
929
+ "fontWeightPrimaryBold": 700,
865
930
  "boolean": false,
866
931
  "colorTagGrey": "#b5b5b5",
867
932
  "colorTagRed": "#d82e00",
@@ -869,22 +934,22 @@
869
934
  "colorTagGreen": "#03cc44",
870
935
  "colorTagBlue": "#3e51f4",
871
936
  "colorTagOrange": "#ff8d1b",
872
- "colorTagPrimaryLight": "#ffeaf2",
873
- "colorTagSecondaryLight": "#e8e6fd",
937
+ "colorTagPrimaryLight": "#e8e7f4",
938
+ "colorTagSecondaryLight": "#ebedfd",
874
939
  "colorTagGreyLight": "#e6e6e6",
875
- "colorTagRedLight": "#ffeaea",
940
+ "colorTagRedLight": "#fde8e9",
876
941
  "colorTagYellowLight": "#fff8e5",
877
942
  "colorTagGreenLight": "#e8fbf3",
878
943
  "colorTagBlueLight": "#ebedfd",
879
944
  "colorTagOrangeLight": "#fff4e9",
880
945
  "colorTagBlack": "#545454",
881
946
  "fontSizeDesktopTitleT23": 32,
882
- "fontSizeDesktopContentC14": 16,
947
+ "fontSizeDesktopContentC14": 14,
883
948
  "fontSizeDesktopContentC21": 20,
884
949
  "fontSizeDesktopTitleT21": 24,
885
- "fontSizeDesktopContentC12": 14,
950
+ "fontSizeDesktopContentC12": 12,
886
951
  "fontSizeDesktopContentC10": 10,
887
- "fontSizeDesktopContentC11": 12,
952
+ "fontSizeDesktopContentC11": 10,
888
953
  "fontSizeDesktopContentC13": 0,
889
954
  "fontSizeDesktopTitleT12": 12,
890
955
  "fontSizeDesktopTitleT32": 40,
@@ -920,26 +985,57 @@
920
985
  "fontSizeMobileTitleT45": 48,
921
986
  "fontSizeMobileNavigation": 18,
922
987
  "colorTextHintMessage": "#8c8c8c",
923
- "colorTextCta2": "#180c8e",
924
988
  "colorBackgroundHeaderActive": "#3e51f4",
925
989
  "spacingTopNavigationPaddingTop": 4,
926
990
  "spacingTopNavigationPaddingBottom": 4,
927
- "fontSizeMobileTitleT16": 0,
991
+ "fontSizeMobileTitleT16": 20,
928
992
  "fontSizeMobileContentC23": 24,
929
993
  "fontSizeMobileContentC16": 18,
930
994
  "fontSizeDesktopContentC23": 24,
931
- "fontSizeDesktopContentC15": 18,
932
- "fontSizeDesktopContentC16": 0,
995
+ "fontSizeDesktopContentC15": 16,
996
+ "fontSizeDesktopContentC16": 18,
933
997
  "fontSizeMobileContentC10": 0,
934
998
  "fontSizeDesktopTitleT24": 26,
935
999
  "fontSizeDesktopTitleT25": 28,
936
1000
  "fontSizeDesktopTitleT45": 0,
937
1001
  "colorBackgroundSecondary": "#3e51f4",
938
1002
  "colorBackgroundSelector": "#f6f5fb",
939
- "sizingTextBoxInput": 44
1003
+ "sizingTextBoxInput": 44,
1004
+ "colorBorderActiveStroke": "#d1cee8",
1005
+ "colorTextError": "#d82e00",
1006
+ "colorBackgroundTopNavigation": "#ffffff",
1007
+ "colorTextSecondary": "#3e51f4",
1008
+ "colorIconInfo": "#180c8e",
1009
+ "colorBorderWarning": "#fbd068",
1010
+ "colorBackgroundWarning": "#fef7e5",
1011
+ "colorBackgroundAlert": "#fbeae5",
1012
+ "colorBorderAlert": "#e88266",
1013
+ "colorBorderInfo": "#8b97f8",
1014
+ "colorTextTopNavigation": "#242424",
1015
+ "colorIconTopNavigation": "#242424",
1016
+ "colorGraphHomeCircleBg": "#d9d9d9",
1017
+ "colorGraphHomeCircleActive": "#1700e8",
1018
+ "colorBorderPending": "#f9b003",
1019
+ "colorGraphHomeCircleError": "#ed1d23",
1020
+ "colorTextButtonInverse": "#ffffff",
1021
+ "colorTextRoamingUsage": "#545454",
1022
+ "colorTextNoRoamingUsage": "#545454",
1023
+ "sizingIconTextLinkMd": 16,
1024
+ "sizingIconButtonMd": 20,
1025
+ "colorBackgroundBadge": "#d82e00",
1026
+ "colorTextBadge": "#ffffff",
1027
+ "colorBalanceDefault": "#d9d9d9",
1028
+ "colorBalance1": "#1700e8",
1029
+ "colorBalance2": "#1700e8",
1030
+ "colorBalance3": "#1700e8",
1031
+ "colorBalance4": "#ed1d23",
1032
+ "colorBackgroundInputBgActive": "#ffffff",
1033
+ "colorBackgroundError": "#fbeae5",
1034
+ "colorBackgroundInputBgDisabled": "#ffffff",
1035
+ "colorTextTab": "#180c8e",
1036
+ "colorTextPlaceholder": "#545454"
940
1037
  },
941
- "tm": {
942
- "colorBorderActiveStroke": "rgba(255, 94, 0, 0.04)",
1038
+ "eSalesTm": {
943
1039
  "spacingGapXs": 4,
944
1040
  "spacingGapSm": 8,
945
1041
  "spacingGapLg": 24,
@@ -981,7 +1077,7 @@
981
1077
  "colorBackgroundActive": "#ff5e00",
982
1078
  "colorBackgroundOverlay": "#000000b2",
983
1079
  "colorBackgroundOverlayLight": "#dfdfe4cc",
984
- "colorBackgroundCtaSuccess": "#00b379",
1080
+ "colorBackgroundCtaSuccess": "#00d16a",
985
1081
  "colorBackgroundDark": "#000000d8",
986
1082
  "colorBackgroundDark2": "#242424",
987
1083
  "colorBackgroundDisabled": "#e6e6e6",
@@ -989,7 +1085,7 @@
989
1085
  "colorBackgroundActiveWeak": "#ffdfcc",
990
1086
  "colorBackgroundActiveWeakInverse": "#f5ffc0",
991
1087
  "colorBackgroundActiveInverse": "#1700e8",
992
- "colorBackgroundSubtle2": "#ffefe6",
1088
+ "colorBackgroundSubtle2": "#e8e6fd",
993
1089
  "colorBackgroundHeader": "#ff5e00",
994
1090
  "colorBackgroundFooter": "#d5d5d5",
995
1091
  "colorBackgroundCoachmark": "#3434e1",
@@ -1001,8 +1097,8 @@
1001
1097
  "colorTextInverse": "#ffffff",
1002
1098
  "colorTextLink": "#1700e8",
1003
1099
  "colorTextLinkInverse": "#ff5e00",
1004
- "colorTextAlert": "#fa2c2c",
1005
- "colorTextSuccess": "#00b379",
1100
+ "colorTextAlert": "#ed1d23",
1101
+ "colorTextSuccess": "#00d16a",
1006
1102
  "colorTextNavigationActive": "#ff5e00",
1007
1103
  "colorTextHeaderActive": "#1700e8",
1008
1104
  "colorTextCta": "#ff5e00",
@@ -1021,26 +1117,26 @@
1021
1117
  "colorIconDisabled": "#d9d9d9",
1022
1118
  "colorIconAlert": "#d82e00",
1023
1119
  "colorIconAlertInverse": "#e05833",
1024
- "colorIconSuccess": "#00b379",
1025
- "colorIconPending": "#ffb524",
1120
+ "colorIconSuccess": "#00d16a",
1121
+ "colorIconPending": "#f9b003",
1026
1122
  "colorIconInverse": "#ffffff",
1027
1123
  "colorIconInactive": "#d5d5d5",
1028
1124
  "colorIconActive": "#b5b5b5",
1029
1125
  "colorIconLocationPin": "#d01660",
1030
1126
  "colorIconLocationPinActive": "#ff5e00",
1031
1127
  "colorIconLoader": "#8c8c8c",
1032
- "colorIconNotice": "#ff5d76",
1128
+ "colorIconNotice": "#ed1d23",
1033
1129
  "colorBottomNavigationInactive": "#8c8c8c",
1034
1130
  "colorBottomNavigationActive": "#ff5e00",
1035
1131
  "colorIconLinkInverse": "#1700e8",
1036
1132
  "colorIconSubtleInverse": "#b5b5b5",
1037
- "colorIconRating": "#ffb524",
1038
- "colorTagPrimary": "#8c1a56",
1133
+ "colorIconRating": "#ffae4b",
1134
+ "colorTagPrimary": "#ff5e00",
1039
1135
  "colorTagSecondary": "#1700e8",
1040
1136
  "colorBorderDivider": "#e6e6e6",
1041
1137
  "colorBorderCta": "#ff5e00",
1042
1138
  "colorBorderCtaInverse": "#07d39f",
1043
- "colorBorderError": "#fa2c2c",
1139
+ "colorBorderError": "#ed1d23",
1044
1140
  "colorBorderSelected": "#ff5e00",
1045
1141
  "colorBorderStandard": "#d9d9d9",
1046
1142
  "colorBorderActive": "#ff5e00",
@@ -1050,7 +1146,7 @@
1050
1146
  "colorBorderStrikeoutInverse": "#ffffff",
1051
1147
  "colorBorderStrong": "#b5b5b5",
1052
1148
  "colorBorderWeakInverse": "#ffffff",
1053
- "colorBorderActiveInverse": "#07d39f",
1149
+ "colorBorderActiveInverse": "#ffffff",
1054
1150
  "colorBorderBenchmark": "#e65500",
1055
1151
  "colorBorderBenchmarkInverse": "#d5e516",
1056
1152
  "colorNotificationAlert": "#fdeae7",
@@ -1073,15 +1169,15 @@
1073
1169
  "colorRewards3": "#fee8b6",
1074
1170
  "colorGraph1": "#ff7e33",
1075
1171
  "colorGraph2": "#ffc300",
1076
- "colorGraph3": "#ed1a3d",
1172
+ "colorGraph3": "#f8a5a7",
1077
1173
  "colorGraph4": "#07d39f",
1078
1174
  "colorGraph5": "#aeaef3",
1079
1175
  "colorGraph6": "#fde499",
1080
- "colorGraph7": "#ffd2d9",
1176
+ "colorGraph7": "#fbd2d3",
1081
1177
  "colorGraph8": "#acf5e3",
1082
1178
  "colorGraph9": "#e65500",
1083
1179
  "colorGraph10": "#fef1cc",
1084
- "colorGraph11": "#ffeaea",
1180
+ "colorGraph11": "#fde8e9",
1085
1181
  "colorGraph12": "#defdf3",
1086
1182
  "sizingIconUtilityXxs": 12,
1087
1183
  "sizingIconUtilityXs": 16,
@@ -1155,7 +1251,7 @@
1155
1251
  "sizingTagSm": 20,
1156
1252
  "sizingTagXs": 12,
1157
1253
  "spacingGapMd": 16,
1158
- "spacingGapSm2": 8,
1254
+ "spacingGapSm2": 12,
1159
1255
  "spacingIconXxs": 1.5,
1160
1256
  "spacingInputSm2": 11.5,
1161
1257
  "spacingInputSm3": 12,
@@ -1169,12 +1265,16 @@
1169
1265
  "borderRadiusXs": 4,
1170
1266
  "colorTextAmount": "#ff5e00",
1171
1267
  "opacityDefault": 100,
1172
- "fontFamilySecondaryRegular": "SF Pro Text",
1173
- "fontFamilyPrimaryRegular": "SF Pro Text",
1174
- "fontFamilyPrimaryBold": "SF Pro Text",
1175
- "fontFamilyPrimarySemiBold": "SF Pro Text",
1176
- "fontFamilySecondarySemiBold": "SF Pro Text",
1177
- "fontFamilySecondaryBold": "SF Pro Text",
1268
+ "fontFamilySecondaryRegular": "Roboto",
1269
+ "fontFamilyPrimaryRegular": "Roboto",
1270
+ "fontFamilyPrimaryBold": "Roboto",
1271
+ "fontFamilyPrimarySemiBold": "Roboto",
1272
+ "fontFamilySecondarySemiBold": "Roboto",
1273
+ "fontFamilySecondaryBold": "Roboto",
1274
+ "fontWeightSecondaryBold": 700,
1275
+ "fontWeightSecondarySemiBold": 600,
1276
+ "fontWeightPrimaySemiBold": 600,
1277
+ "fontWeightPrimaryBold": 700,
1178
1278
  "boolean": true,
1179
1279
  "colorTagGrey": "#545454",
1180
1280
  "colorTagRed": "#d82e00",
@@ -1185,19 +1285,19 @@
1185
1285
  "colorTagPrimaryLight": "#e8d1dd",
1186
1286
  "colorTagSecondaryLight": "#e8e6fd",
1187
1287
  "colorTagGreyLight": "#e6e6e6",
1188
- "colorTagRedLight": "#ffeaea",
1288
+ "colorTagRedLight": "#fde8e9",
1189
1289
  "colorTagYellowLight": "#fff8e5",
1190
1290
  "colorTagGreenLight": "#e8fbf3",
1191
1291
  "colorTagBlueLight": "#e8e6fd",
1192
1292
  "colorTagOrangeLight": "#fff4e9",
1193
1293
  "colorTagBlack": "#545454",
1194
1294
  "fontSizeDesktopTitleT23": 32,
1195
- "fontSizeDesktopContentC14": 16,
1295
+ "fontSizeDesktopContentC14": 14,
1196
1296
  "fontSizeDesktopContentC21": 20,
1197
1297
  "fontSizeDesktopTitleT21": 24,
1198
- "fontSizeDesktopContentC12": 14,
1298
+ "fontSizeDesktopContentC12": 12,
1199
1299
  "fontSizeDesktopContentC10": 10,
1200
- "fontSizeDesktopContentC11": 12,
1300
+ "fontSizeDesktopContentC11": 10,
1201
1301
  "fontSizeDesktopContentC13": 0,
1202
1302
  "fontSizeDesktopTitleT12": 12,
1203
1303
  "fontSizeDesktopTitleT32": 40,
@@ -1233,22 +1333,398 @@
1233
1333
  "fontSizeMobileTitleT45": 48,
1234
1334
  "fontSizeMobileNavigation": 18,
1235
1335
  "colorTextHintMessage": "#8c8c8c",
1236
- "colorTextCta2": "#ff5e00",
1237
1336
  "colorBackgroundHeaderActive": "#e65500",
1238
1337
  "spacingTopNavigationPaddingTop": 4,
1239
1338
  "spacingTopNavigationPaddingBottom": 4,
1240
- "fontSizeMobileTitleT16": 0,
1339
+ "fontSizeMobileTitleT16": 20,
1241
1340
  "fontSizeMobileContentC23": 24,
1242
1341
  "fontSizeMobileContentC16": 18,
1243
1342
  "fontSizeDesktopContentC23": 24,
1244
- "fontSizeDesktopContentC15": 18,
1245
- "fontSizeDesktopContentC16": 0,
1343
+ "fontSizeDesktopContentC15": 16,
1344
+ "fontSizeDesktopContentC16": 18,
1246
1345
  "fontSizeMobileContentC10": 0,
1247
1346
  "fontSizeDesktopTitleT24": 26,
1248
1347
  "fontSizeDesktopTitleT25": 28,
1249
1348
  "fontSizeDesktopTitleT45": 0,
1250
1349
  "colorBackgroundSecondary": "#1700e8",
1251
1350
  "colorBackgroundSelector": "#fff7f2",
1252
- "sizingTextBoxInput": 44
1351
+ "sizingTextBoxInput": 44,
1352
+ "colorBorderActiveStroke": "#ffdfcc",
1353
+ "colorTextError": "#ed1d23",
1354
+ "colorBackgroundTopNavigation": "#ffffff",
1355
+ "colorTextSecondary": "#ff5e00",
1356
+ "colorIconInfo": "#1700e8",
1357
+ "colorBorderWarning": "#fbd068",
1358
+ "colorBackgroundWarning": "#fef7e5",
1359
+ "colorBackgroundAlert": "#fbeae5",
1360
+ "colorBorderAlert": "#e88266",
1361
+ "colorBorderInfo": "#7466f1",
1362
+ "colorTextTopNavigation": "#242424",
1363
+ "colorIconTopNavigation": "#242424",
1364
+ "colorGraphHomeCircleBg": "#d9d9d9",
1365
+ "colorGraphHomeCircleActive": "#1700e8",
1366
+ "colorBorderPending": "#f9b003",
1367
+ "colorGraphHomeCircleError": "#ed1d23",
1368
+ "colorTextButtonInverse": "#ffffff",
1369
+ "colorTextRoamingUsage": "#545454",
1370
+ "colorTextNoRoamingUsage": "#545454",
1371
+ "sizingIconTextLinkMd": 16,
1372
+ "sizingIconButtonMd": 20,
1373
+ "colorBackgroundBadge": "#d82e00",
1374
+ "colorTextBadge": "#ffffff",
1375
+ "colorBalanceDefault": "#d9d9d9",
1376
+ "colorBalance1": "#3434e1",
1377
+ "colorBalance2": "#04acf3",
1378
+ "colorBalance3": "#0cbe91",
1379
+ "colorBalance4": "#f9b003",
1380
+ "colorBackgroundInputBgActive": "#ffffff",
1381
+ "colorBackgroundError": "#fbeae5",
1382
+ "colorBackgroundInputBgDisabled": "#ffffff",
1383
+ "colorTextTab": "#ff5e00",
1384
+ "colorTextPlaceholder": "#545454"
1385
+ },
1386
+ "clpHiapp": {
1387
+ "spacingGapXs": 4,
1388
+ "spacingGapSm": 8,
1389
+ "spacingGapLg": 24,
1390
+ "spacingGapXl": 32,
1391
+ "spacingGapXxl": 40,
1392
+ "spacingGapXxxl": 64,
1393
+ "spacingIconXs": 4,
1394
+ "spacingIconSm": 8,
1395
+ "spacingIconMd": 16,
1396
+ "spacingIconLg": 24,
1397
+ "spacingTextXs": 4,
1398
+ "spacingTextSm": 8,
1399
+ "spacingTextMd": 16,
1400
+ "spacingTextLg": 24,
1401
+ "spacingTextXl": 32,
1402
+ "spacingTextXxl": 40,
1403
+ "spacingInputXs": 4,
1404
+ "spacingInputSm": 8,
1405
+ "spacingInputMd": 16,
1406
+ "spacingImageXs": 4,
1407
+ "spacingImageSm": 8,
1408
+ "spacingImageMd": 16,
1409
+ "spacingImageLg": 24,
1410
+ "spacingBulletXs": 4,
1411
+ "spacingBulletSm": 8,
1412
+ "spacingBulletMd": 16,
1413
+ "opacityHover": 80,
1414
+ "opacityPressed": 50,
1415
+ "opacityDisabled": 50,
1416
+ "opacityOverlay": 80,
1417
+ "colorBackgroundCta": "#242328",
1418
+ "colorBackgroundCtaInversePressed": "#ffffff7f",
1419
+ "colorBackgroundCtaPressed": "#0062f57f",
1420
+ "colorBackgroundStandard": "#ffffff",
1421
+ "colorBackgroundSubtle": "#f5f5f8",
1422
+ "colorBackgroundHover": "#ebf2ff",
1423
+ "colorBackgroundHoverNeutral": "#f5f5f8cc",
1424
+ "colorBackgroundSelected": "#ebf2ff",
1425
+ "colorBackgroundActive": "#0062f5",
1426
+ "colorBackgroundOverlay": "#00000099",
1427
+ "colorBackgroundOverlayLight": "#dfdfe4cc",
1428
+ "colorBackgroundCtaSuccess": "#00d16a",
1429
+ "colorBackgroundDark": "#242328",
1430
+ "colorBackgroundDark2": "#151518",
1431
+ "colorBackgroundDisabled": "#dfdfe4",
1432
+ "colorBackgroundWeak": "#bfbfc7",
1433
+ "colorBackgroundActiveWeak": "#ebf2ff",
1434
+ "colorBackgroundActiveWeakInverse": "#f5f5f8",
1435
+ "colorBackgroundActiveInverse": "#0062f5",
1436
+ "colorBackgroundSubtle2": "#ebf2ff",
1437
+ "colorBackgroundHeader": "#0062f5",
1438
+ "colorBackgroundFooter": "#f5f5f8",
1439
+ "colorBackgroundCoachmark": "#242328",
1440
+ "colorTextNeutral": "#242328",
1441
+ "colorTextSubtle": "#70707a",
1442
+ "colorTextLabel": "#70707a",
1443
+ "colorTextStrikethrough": "#8c8c98",
1444
+ "colorTextDisabled": "#8c8c98",
1445
+ "colorTextInverse": "#ffffff",
1446
+ "colorTextLink": "#0062f5",
1447
+ "colorTextLinkInverse": "#0062f5",
1448
+ "colorTextAlert": "#ff3636",
1449
+ "colorTextSuccess": "#00d16a",
1450
+ "colorTextNavigationActive": "#0062f5",
1451
+ "colorTextHeaderActive": "#0062f5",
1452
+ "colorTextCta": "#242328",
1453
+ "colorTextCtaInverse": "#ffffff",
1454
+ "colorTextSubtleInverse": "#dfdfe4",
1455
+ "colorTextHeaderHighlight": "#151518",
1456
+ "colorTextHeaderHighlightInverse": "#ebf2ff",
1457
+ "colorTextHeaderActiveInverse": "#ffffff",
1458
+ "colorTextCoachmark": "#ffffff",
1459
+ "colorIconLink": "#0062f5",
1460
+ "colorIconNeutral": "#242328",
1461
+ "colorIconCta": "#242328",
1462
+ "colorIconCtaInverse": "#ffffff",
1463
+ "colorIconSubtle": "#8c8c98",
1464
+ "colorIconWeak": "#bfbfc7",
1465
+ "colorIconDisabled": "#dfdfe4",
1466
+ "colorIconAlert": "#ff3636",
1467
+ "colorIconAlertInverse": "#ff5d76",
1468
+ "colorIconSuccess": "#00d16a",
1469
+ "colorIconPending": "#ffae4b",
1470
+ "colorIconInverse": "#ffffff",
1471
+ "colorIconInactive": "#dfdfe4",
1472
+ "colorIconActive": "#8c8c98",
1473
+ "colorIconLocationPin": "#d01660",
1474
+ "colorIconLocationPinActive": "#0062f5",
1475
+ "colorIconLoader": "#8c8c98",
1476
+ "colorIconNotice": "#ca112f",
1477
+ "colorBottomNavigationInactive": "#8c8c98",
1478
+ "colorBottomNavigationActive": "#0062f5",
1479
+ "colorIconLinkInverse": "#ffffff",
1480
+ "colorIconSubtleInverse": "#dfdfe4",
1481
+ "colorIconRating": "#ffae4b",
1482
+ "colorTagPrimary": "#000000",
1483
+ "colorTagSecondary": "#0062f5",
1484
+ "colorBorderDivider": "#dfdfe4",
1485
+ "colorBorderCta": "#242328",
1486
+ "colorBorderCtaInverse": "#ffffff",
1487
+ "colorBorderError": "#ff3636",
1488
+ "colorBorderSelected": "#0062f5",
1489
+ "colorBorderStandard": "#bfbfc7",
1490
+ "colorBorderActive": "#0062f5",
1491
+ "colorBorderDisabled": "#bfbfc7",
1492
+ "colorBorderWeak": "#dfdfe4",
1493
+ "colorBorderStrikeout": "#dfdfe4",
1494
+ "colorBorderStrikeoutInverse": "#ffffff",
1495
+ "colorBorderStrong": "#8c8c98",
1496
+ "colorBorderWeakInverse": "#ffffff",
1497
+ "colorBorderActiveInverse": "#0062f5",
1498
+ "colorBorderBenchmark": "#0044cc",
1499
+ "colorBorderBenchmarkInverse": "#d5e516",
1500
+ "colorNotificationAlert": "#fff5f5",
1501
+ "colorNotificationPromo": "#fffbf0",
1502
+ "colorNotificationDefault": "#ebf2ff",
1503
+ "colorToggleActiveStrong": "#0062f5",
1504
+ "colorToggleActiveWeak": "#ffffff",
1505
+ "colorToggleInactiveStrong": "#dfdfe4",
1506
+ "colorToggleInactiveWeak": "#ffffff",
1507
+ "colorToggleIndicator": "#f5f5f8",
1508
+ "colorRibbonPrimary": "#d01660",
1509
+ "colorRibbonPrimaryDark": "#d01660",
1510
+ "colorRibbonPrimary2": "#ffeaf2",
1511
+ "colorRibbonPrimary3": "#d01660",
1512
+ "colorRibbonSecondary": "#1482cc",
1513
+ "colorRibbonSecondary2": "#e8f6ff",
1514
+ "colorRibbonSecondaryDark": "#1482cc",
1515
+ "colorRewards1": "#ffc9aa",
1516
+ "colorRewards2": "#d4e6ec",
1517
+ "colorRewards3": "#fee8b6",
1518
+ "colorGraph1": "#5d5de7",
1519
+ "colorGraph2": "#ffc300",
1520
+ "colorGraph3": "#f8a5a7",
1521
+ "colorGraph4": "#07d39f",
1522
+ "colorGraph5": "#aeaef3",
1523
+ "colorGraph6": "#fde499",
1524
+ "colorGraph7": "#fbd2d3",
1525
+ "colorGraph8": "#acf5e3",
1526
+ "colorGraph9": "#0044cc",
1527
+ "colorGraph10": "#fef1cc",
1528
+ "colorGraph11": "#fde8e9",
1529
+ "colorGraph12": "#defdf3",
1530
+ "sizingIconUtilityXxs": 12,
1531
+ "sizingIconUtilityXs": 16,
1532
+ "sizingIconUtilitySm": 24,
1533
+ "sizingIconUtilityMd": 32,
1534
+ "sizingIconUtilityLg": 40,
1535
+ "sizingIconGeneralXs": 16,
1536
+ "sizingIconGeneralSm": 24,
1537
+ "sizingIconGeneralMd": 32,
1538
+ "sizingIconGeneralLg": 40,
1539
+ "sizingIconGeneralXl": 48,
1540
+ "sizingIconSpotXs": 48,
1541
+ "sizingIconSpotSm": 56,
1542
+ "sizingIconSpotMd": 64,
1543
+ "sizingIconSpotLg": 72,
1544
+ "sizingIconSpotXl": 80,
1545
+ "sizingIconSpotXxl": 88,
1546
+ "sizingTagMd": 24,
1547
+ "sizingTagLg": 32,
1548
+ "sizingVoucherSm": 104,
1549
+ "sizingVoucherMd": 142,
1550
+ "sizingFileInput": 218,
1551
+ "sizingFileInputLg": 56,
1552
+ "sizingImageXxs": 24,
1553
+ "sizingImageXs": 32,
1554
+ "sizingImageSm": 40,
1555
+ "sizingImageMd": 48,
1556
+ "sizingImageLg": 56,
1557
+ "sizingImageXl": 72,
1558
+ "sizingImageXxl": 104,
1559
+ "sizingTextBoxXs": 40,
1560
+ "sizingTextBoxSm": 48,
1561
+ "sizingTextBoxMd": 56,
1562
+ "sizingTextBoxXxs": 24,
1563
+ "sizingTextBoxLg": 64,
1564
+ "sizingCirclePatternXs": 88,
1565
+ "sizingCirclePatternSm": 188,
1566
+ "sizingCirclePatternMd": 215,
1567
+ "sizingCirclePatternLg": 242,
1568
+ "sizingBullet": 6,
1569
+ "sizingBulletSm": 4,
1570
+ "sizingColorList": 12,
1571
+ "borderWidthStandard": 1,
1572
+ "borderWidthCta": 2,
1573
+ "borderWidthSelected": 2,
1574
+ "borderWidthHover": 1,
1575
+ "borderWidthStrikeout": 2,
1576
+ "borderRadiusSm": 8,
1577
+ "borderRadiusMd": 16,
1578
+ "borderRadiusXl": 32,
1579
+ "borderRadiusLg": 40,
1580
+ "opacitySubtle": 30,
1581
+ "colorBackgroundSubtle3": "#dfdfe4",
1582
+ "colorBackgroundDelete": "#ff3636",
1583
+ "spacingIconXxxl": 64,
1584
+ "spacingIconXxl": 40,
1585
+ "spacingIconXl": 32,
1586
+ "spacingTextXxxl": 64,
1587
+ "spacingInputXxxl": 64,
1588
+ "spacingInputXxl": 40,
1589
+ "spacingInputXl": 32,
1590
+ "spacingInputLg": 24,
1591
+ "spacingBulletXxxl": 64,
1592
+ "spacingBulletXxl": 40,
1593
+ "spacingBulletLg": 24,
1594
+ "spacingBulletXl": 32,
1595
+ "spacingImageXxxl": 64,
1596
+ "spacingImageXxl": 40,
1597
+ "spacingImageXl": 32,
1598
+ "colorBackgroundCtaInverse": "#f5f5f8",
1599
+ "sizingTagSm": 20,
1600
+ "sizingTagXs": 12,
1601
+ "spacingGapMd": 16,
1602
+ "spacingGapSm2": 12,
1603
+ "spacingIconXxs": 1.5,
1604
+ "spacingInputSm2": 16,
1605
+ "spacingInputSm3": 12,
1606
+ "spacingInputMd2": 20,
1607
+ "spacingInputMd3": 22.5,
1608
+ "colorBackgroundCtaSecondary": "#ebf2ff",
1609
+ "colorTextCtaSecondary": "#242328",
1610
+ "colorIconCtaSecondary": "#6699ff",
1611
+ "sizingIconUtilityXs2": 24,
1612
+ "sizingIconGeneralXs2": 20,
1613
+ "borderRadiusXs": 4,
1614
+ "colorTextAmount": "#151518",
1615
+ "opacityDefault": 100,
1616
+ "fontFamilySecondaryRegular": "Lato",
1617
+ "fontFamilyPrimaryRegular": "Lato",
1618
+ "fontFamilyPrimaryBold": "Lato",
1619
+ "fontFamilyPrimarySemiBold": "Lato",
1620
+ "fontFamilySecondarySemiBold": "Lato",
1621
+ "fontFamilySecondaryBold": "Lato",
1622
+ "boolean": false,
1623
+ "colorTagGrey": "#b5b5b5",
1624
+ "colorTagRed": "#ed1d23",
1625
+ "colorTagYellow": "#ffc300",
1626
+ "colorTagGreen": "#00bc6f",
1627
+ "colorTagBlue": "#0062f5",
1628
+ "colorTagOrange": "#ff8d1b",
1629
+ "colorTagPrimaryLight": "#ffeaf2",
1630
+ "colorTagSecondaryLight": "#e8e6fd",
1631
+ "colorTagGreyLight": "#e6e6e6",
1632
+ "colorTagRedLight": "#fde8e9",
1633
+ "colorTagYellowLight": "#fff8e5",
1634
+ "colorTagGreenLight": "#e8fbf3",
1635
+ "colorTagBlueLight": "#ebf2ff",
1636
+ "colorTagOrangeLight": "#fff4e9",
1637
+ "colorTagBlack": "#55555e",
1638
+ "fontSizeDesktopTitleT23": 32,
1639
+ "fontSizeDesktopContentC14": 18,
1640
+ "fontSizeDesktopContentC21": 20,
1641
+ "fontSizeDesktopTitleT21": 24,
1642
+ "fontSizeDesktopContentC12": 14,
1643
+ "fontSizeDesktopContentC10": 10,
1644
+ "fontSizeDesktopContentC11": 12,
1645
+ "fontSizeDesktopContentC13": 0,
1646
+ "fontSizeDesktopTitleT12": 12,
1647
+ "fontSizeDesktopTitleT32": 40,
1648
+ "fontSizeDesktopTitleT41": 48,
1649
+ "fontSizeDesktopContentC05": 8,
1650
+ "fontSizeDesktopContentC04": 6,
1651
+ "borderRadiusButton": 32,
1652
+ "colorTextItemtitle": "#242328",
1653
+ "fontSizeDesktopTitleT13": 14,
1654
+ "fontSizeDesktopTitleT16": 20,
1655
+ "fontSizeDesktopTitleT14": 16,
1656
+ "fontSizeDesktopTitleT15": 18,
1657
+ "fontSizeDesktopTitleT34": 36,
1658
+ "fontSizeMobileContentC04": 6,
1659
+ "fontSizeMobileContentC05": 8,
1660
+ "fontSizeMobileContentC11": 10,
1661
+ "fontSizeMobileContentC12": 12,
1662
+ "fontSizeMobileContentC13": 0,
1663
+ "fontSizeMobileContentC14": 16,
1664
+ "fontSizeMobileContentC15": 16,
1665
+ "fontSizeMobileContentC21": 20,
1666
+ "fontSizeMobileTitleT12": 12,
1667
+ "fontSizeMobileTitleT13": 14,
1668
+ "fontSizeMobileTitleT14": 16,
1669
+ "fontSizeMobileTitleT15": 18,
1670
+ "fontSizeMobileTitleT21": 20,
1671
+ "fontSizeMobileTitleT23": 24,
1672
+ "fontSizeMobileTitleT24": 26,
1673
+ "fontSizeMobileTitleT25": 28,
1674
+ "fontSizeMobileTitleT32": 32,
1675
+ "fontSizeMobileTitleT34": 36,
1676
+ "fontSizeMobileTitleT41": 40,
1677
+ "fontSizeMobileTitleT45": 48,
1678
+ "fontSizeMobileNavigation": 16,
1679
+ "colorTextHintMessage": "#151518",
1680
+ "colorBackgroundHeaderActive": "#0062f5",
1681
+ "spacingTopNavigationPaddingTop": 0,
1682
+ "spacingTopNavigationPaddingBottom": 8,
1683
+ "fontSizeMobileTitleT16": 20,
1684
+ "fontSizeMobileContentC23": 24,
1685
+ "fontSizeMobileContentC16": 18,
1686
+ "fontSizeDesktopContentC23": 24,
1687
+ "fontSizeDesktopContentC15": 18,
1688
+ "fontSizeDesktopContentC16": 18,
1689
+ "fontSizeMobileContentC10": 0,
1690
+ "fontSizeDesktopTitleT24": 26,
1691
+ "fontSizeDesktopTitleT25": 28,
1692
+ "fontSizeDesktopTitleT45": 0,
1693
+ "colorBackgroundSecondary": "#0062f5",
1694
+ "colorBackgroundSelector": "#ffffff",
1695
+ "sizingTextBoxInput": 56,
1696
+ "colorBorderActiveStroke": "#0062f533",
1697
+ "colorTextError": "#ff3636",
1698
+ "colorBackgroundTopNavigation": "#ffffff",
1699
+ "colorTextSecondary": "#0062f5",
1700
+ "colorIconInfo": "#0062f5",
1701
+ "colorBorderWarning": "#ffae4b99",
1702
+ "colorBackgroundWarning": "#fffbf0",
1703
+ "colorBackgroundAlert": "#ff36360c",
1704
+ "colorBorderAlert": "#ff363699",
1705
+ "colorBorderInfo": "#0062f599",
1706
+ "colorTextTopNavigation": "#151518",
1707
+ "colorIconTopNavigation": "#242328",
1708
+ "colorGraphHomeCircleBg": "#d5e516",
1709
+ "colorGraphHomeCircleActive": "#0062f5",
1710
+ "colorBorderPending": "#ffae4b",
1711
+ "colorGraphHomeCircleError": "#ed1d23",
1712
+ "colorTextButtonInverse": "#242328",
1713
+ "colorTextRoamingUsage": "#70707a",
1714
+ "colorTextNoRoamingUsage": "#ffffff",
1715
+ "sizingIconTextLinkMd": 20,
1716
+ "sizingIconButtonMd": 24,
1717
+ "colorBackgroundBadge": "#ff3636",
1718
+ "colorTextBadge": "#ffffff",
1719
+ "colorBalanceDefault": "#d5e516",
1720
+ "colorBalance1": "#0062f5",
1721
+ "colorBalance2": "#0062f5",
1722
+ "colorBalance3": "#0062f5",
1723
+ "colorBalance4": "#ed1d23",
1724
+ "colorBackgroundInputBgActive": "#ffffff",
1725
+ "colorBackgroundError": "#fff5f5",
1726
+ "colorBackgroundInputBgDisabled": "#ffffff",
1727
+ "colorTextTab": "#0062f5",
1728
+ "colorTextPlaceholder": "#bfbfc7"
1253
1729
  }
1254
1730
  }