@thryveai/theme-interfaces 2.6.4 → 2.6.6

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 (6) hide show
  1. package/README.md +29 -29
  2. package/dist/storefront/defaultIconsStorefront.js +26 -26
  3. package/dist/storefront/defaultSettingsStorefront.js +1 -1
  4. package/dist/theme-override.d.ts +840 -0
  5. package/dist/theme-override.js +863 -0
  6. package/package.json +29 -29
package/dist/theme-override.js ADDED
@@ -0,0 +1,863 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = {
4
+ colors: {
5
+ brandColors: {
6
+ primary1: "#C8102E",
7
+ primary2: "#A50025",
8
+ primary3: "#500612",
9
+ primary4: "#E38796",
10
+ primary5: "#F9E7EA",
11
+ secondary1: "#0CA74B",
12
+ secondary2: "#15743C",
13
+ secondary3: "#034638",
14
+ secondary4: "#85D3A5",
15
+ secondary5: "#E7F6ED",
16
+ tertiary1: "#E7F6ED",
17
+ tertiary2: "#F9E7EA",
18
+ tertiary3: "",
19
+ tertiary4: "",
20
+ tertiary5: "",
21
+ },
22
+ uiColors: {
23
+ success: "#0CA74B",
24
+ successDark: "#15743C",
25
+ successLight: "#E7F6ED",
26
+ warn: "#FCC260",
27
+ warnDark: "#8F7344",
28
+ warnLight: "#FFF6E6",
29
+ alert: "#D63900",
30
+ alertDark: "#8C2E24",
31
+ alertLight: "#FFE5E2",
32
+ greyscale1: "#FFFFFF",
33
+ greyscale2: "#F7F8F9",
34
+ greyscale3: "#D1D6D8",
35
+ greyscale4: "#757575",
36
+ greyscale5: "#4E4F53",
37
+ greyscale6: "#333333",
38
+ greyscale7: "",
39
+ promotion1: "",
40
+ promotion2: "",
41
+ },
42
+ },
43
+ header: {
44
+ badge: {
45
+ cart: {
46
+ color: "#FFFFFF",
47
+ bgColor: "#0CA74B",
48
+ },
49
+ },
50
+ notifications: {
51
+ counter: {
52
+ backgroundColor: "#C8102E",
53
+ },
54
+ text: {
55
+ color: "#4E4F53",
56
+ hoverColor: "#4E4F53",
57
+ },
58
+ },
59
+ topMenu: {
60
+ color: "#333333",
61
+ backgroundColor: "#FFFFFF",
62
+ },
63
+ mainMenu: {
64
+ color: "#333333",
65
+ backgroundColor: "#C8102E",
66
+ },
67
+ bottomMenu: {
68
+ color: "#FFFFFF",
69
+ hoverColor: "#FFFFFF",
70
+ backgroundColor: "#333333",
71
+ textTransform: "capitalize",
72
+ },
73
+ mobileMenu: {
74
+ color: "#FFFFFF",
75
+ backgroundColor: "#C8102E",
76
+ },
77
+ search: {
78
+ borderColor: "#D1D6D8",
79
+ borderRadius: "4px",
80
+ clearBtnColor: "#D1D6D8",
81
+ suggestions: {
82
+ links: {
83
+ color: {
84
+ static: "#4E4F53",
85
+ hover: "#C8102E",
86
+ visited: "#4E4F53",
87
+ },
88
+ },
89
+ },
90
+ multisearchBtn: {
91
+ static: {
92
+ color: "#333333",
93
+ backgroundColor: "#F7F8F9",
94
+ },
95
+ hover: {
96
+ color: "#333333",
97
+ backgroundColor: "#F7F8F9",
98
+ },
99
+ },
100
+ searchButton: {
101
+ mobile: {
102
+ static: {
103
+ color: "#FFFFFF",
104
+ },
105
+ },
106
+ },
107
+ },
108
+ storePopover: {
109
+ backgroundColor: "#F9E7EA",
110
+ activeBackgroundColor: "#E7F6ED",
111
+ color: "#4E4F53",
112
+ activeColor: "#4E4F53",
113
+ borderColor: "transparent",
114
+ borderRadius: "4px",
115
+ reserveTimeIconPosition: "center",
116
+ },
117
+ accountPopover: {
118
+ backgroundColor: "#F7F8F9",
119
+ borderColor: "transparent",
120
+ borderRadius: "4px",
121
+ color: "#4E4F53",
122
+ links: {
123
+ color: {
124
+ static: "#4E4F53",
125
+ hover: "#C8102E",
126
+ visited: "#4E4F53",
127
+ },
128
+ },
129
+ },
130
+ headerActionLinks: {
131
+ activeBackgroundColor: "#4E4F53",
132
+ activeColor: "#FFFFFF",
133
+ backgroundColor: "none",
134
+ borderRadius: "4px",
135
+ color: "#FFFFFF",
136
+ fontFamily: "Moderat",
137
+ fontWeight: 700,
138
+ },
139
+ headerLinks: {
140
+ color: "#4E4F53",
141
+ backgroundColor: "none",
142
+ activeColor: "#4E4F53",
143
+ activeBackgroundColor: "#F7F8F9",
144
+ fontWeight: 700,
145
+ borderRadius: "4px",
146
+ },
147
+ departments: {
148
+ backgroundColor: {
149
+ active: "inherit",
150
+ static: "#F7F8F9",
151
+ },
152
+ color: {
153
+ static: "#4E4F53",
154
+ hover: "#C8102E",
155
+ },
156
+ iconColor: {
157
+ static: "#D1D6D8",
158
+ hover: "#D1D6D8",
159
+ },
160
+ },
161
+ },
162
+ body: {
163
+ fontSize: "16px",
164
+ color: "#111111",
165
+ backgroundColor: "#f3f4f6",
166
+ },
167
+ footer: {
168
+ mainFooter: {
169
+ color: "#FFFFFF",
170
+ backgroundColor: "#333333",
171
+ },
172
+ bottomFooter: {
173
+ color: "#FFFFFF",
174
+ backgroundColor: "#333333",
175
+ },
176
+ bottomFooterNavHeaderLink: {
177
+ color: "#FFFFFF",
178
+ backgroundColor: "#333333",
179
+ },
180
+ mediaIcons: {
181
+ color: "#4E4F53",
182
+ },
183
+ },
184
+ orderConfirmation: {
185
+ iconColor: "#FFFFFF",
186
+ backgroundColor: "#E7F6ED",
187
+ },
188
+ minimalHeader: {
189
+ desktop: {
190
+ color: "#FFFFFF",
191
+ backgroundColor: "#C8102E",
192
+ iconColor: "#FFFFFF",
193
+ },
194
+ mobile: {
195
+ color: "#FFFFFF",
196
+ backgroundColor: "#C8102E",
197
+ iconColor: "#FFFFFF",
198
+ },
199
+ },
200
+ subHeaderBoxes: {
201
+ backgroundColor: "#F7F8F9",
202
+ color: "#4E4F53",
203
+ contentBorder: "#F7F8F9",
204
+ },
205
+ breadcrumb: {
206
+ textTransform: "capitalize",
207
+ backgroundColor: "#F7F8F9",
208
+ color: "#C8102E",
209
+ activeColor: "#333333",
210
+ backIconColor: "#757575",
211
+ },
212
+ payment: {
213
+ selectedCardBackground: "#F9E7EA",
214
+ selectedCardColor: "#4E4F53",
215
+ summary: {
216
+ listItemBackground: "#F7F8F9",
217
+ },
218
+ checkoutCards: {
219
+ borderRadius: "4px",
220
+ },
221
+ },
222
+ productPage: {
223
+ detailsBackgroundColor: "#F7F8F9",
224
+ badges: {
225
+ borderRadius: "4px",
226
+ },
227
+ },
228
+ accountPage: {
229
+ passwordRequirements: {
230
+ backgroundColor: "#F7F8F9",
231
+ },
232
+ },
233
+ favorites: {
234
+ headerIconStyle: "Fav",
235
+ productColors: {
236
+ static: {
237
+ color: "#D1D6D8",
238
+ hoverColor: "#D63900",
239
+ },
240
+ active: {
241
+ color: "#D63900",
242
+ hoverColor: "#8C2E24",
243
+ },
244
+ },
245
+ },
246
+ promoBadges: {
247
+ backgroundColor: {
248
+ promotion: "",
249
+ pointsBasedPromo: "",
250
+ },
251
+ fontWeight: 700,
252
+ color: {
253
+ promotion: "#FFFFFF",
254
+ pointsBasedPromo: "#FFFFFF",
255
+ },
256
+ },
257
+ loyaltyCard: {
258
+ backgroundColor: "#F9E7EA",
259
+ borderColor: "#F9E7EA",
260
+ borderRadius: "16px",
261
+ cardTextColor: "#4E4F53",
262
+ dimensions: {
263
+ width: 325,
264
+ height: 190,
265
+ },
266
+ input: {
267
+ borderRadius: "4px",
268
+ backgroundColor: "#FFFFFF",
269
+ borderColor: "#D1D6D8",
270
+ idFields: {
271
+ staticBorder: "#757575",
272
+ hoverBorder: "#4E4F53",
273
+ activeBorder: "#C8102E",
274
+ errorBorder: "#D63900",
275
+ },
276
+ },
277
+ infoList: {
278
+ color: "#757575",
279
+ borderColor: "#F7F8F9",
280
+ },
281
+ },
282
+ typography: {
283
+ webFonts: [],
284
+ embeddedFonts: [
285
+ {
286
+ fontFamily: "Moderat",
287
+ sourceSet: [
288
+ {
289
+ url: "/fonts/Moderat-Regular.eot",
290
+ format: "eot",
291
+ },
292
+ {
293
+ url: "/fonts/Moderat-Regular.woff",
294
+ format: "woff",
295
+ },
296
+ {
297
+ url: "/fonts/Moderat-Regular.woff2",
298
+ format: "woff2",
299
+ },
300
+ ],
301
+ },
302
+ ],
303
+ weights: {
304
+ normal: 400,
305
+ bold: 700,
306
+ },
307
+ text: {
308
+ body: {
309
+ color: "#333333",
310
+ fontFamily: "Moderat",
311
+ fontSize: "1rem",
312
+ fontWeight: 400,
313
+ capitalization: "none",
314
+ lineHeight: "1.1875rem",
315
+ letterSpacing: "normal",
316
+ },
317
+ fontXS: {
318
+ fontFamily: "Moderat",
319
+ fontSize: "0.75rem",
320
+ fontWeight: 400,
321
+ capitalization: "none",
322
+ lineHeight: "0.9375rem",
323
+ letterSpacing: "normal",
324
+ },
325
+ fontSM: {
326
+ fontFamily: "Moderat",
327
+ fontSize: "0.875rem",
328
+ fontWeight: 700,
329
+ capitalization: "none",
330
+ lineHeight: "1rem",
331
+ letterSpacing: "normal",
332
+ },
333
+ fontMD: {
334
+ fontFamily: "Moderat",
335
+ fontSize: "1rem",
336
+ fontWeight: 700,
337
+ capitalization: "none",
338
+ lineHeight: "1.1875rem",
339
+ letterSpacing: "normal",
340
+ },
341
+ fontLG: {
342
+ fontFamily: "Moderat",
343
+ fontSize: "1.5rem",
344
+ fontWeight: 700,
345
+ capitalization: "none",
346
+ lineHeight: "1.8125rem",
347
+ letterSpacing: "normal",
348
+ },
349
+ fontXL: {
350
+ fontFamily: "Moderat",
351
+ fontSize: "2rem",
352
+ fontWeight: 700,
353
+ capitalization: "none",
354
+ lineHeight: "2.4375rem",
355
+ letterSpacing: "normal",
356
+ },
357
+ },
358
+ links: {
359
+ static: {
360
+ color: "#C8102E",
361
+ textDecoration: "underline",
362
+ },
363
+ hover: {
364
+ color: "#333333",
365
+ textDecoration: "underline",
366
+ },
367
+ clicked: {
368
+ color: "#333333",
369
+ textDecoration: "underline",
370
+ },
371
+ visited: {
372
+ color: "#C8102E",
373
+ textDecoration: "underline",
374
+ },
375
+ },
376
+ },
377
+ buttons: {
378
+ globalThemeBorderRadius: "4px",
379
+ globalThemeFontWeight: 700,
380
+ globalThemeFontFamily: "Moderat",
381
+ iconPosition: "right",
382
+ miniCart: {
383
+ textTransform: "capitalize",
384
+ backgroundColor: "none",
385
+ borderRadius: "4px",
386
+ activeBackgroundColor: "#0CA74B",
387
+ hoverBackgroundColor: "#4E4F53",
388
+ color: "#FFFFFF",
389
+ activeColor: "#FFFFFF",
390
+ mobileColor: "#FFFFFF",
391
+ iconColor: "#FFFFFF",
392
+ activeIconColor: "#FFFFFF",
393
+ mobileIconColor: "#FFFFFF",
394
+ desktopIconSize: "16px",
395
+ mobileIconSize: "24px",
396
+ },
397
+ primary: {
398
+ borderRadius: "4px",
399
+ fontWeight: 400,
400
+ textTransform: "none",
401
+ static: {
402
+ bgColor: "#0CA74B",
403
+ borderColor: "#0CA74B",
404
+ color: "#FFFFFF",
405
+ iconColor: "#FFFFFF",
406
+ },
407
+ hover: {
408
+ bgColor: "#15743C",
409
+ borderColor: "#15743C",
410
+ color: "#FFFFFF",
411
+ iconColor: "#FFFFFF",
412
+ },
413
+ clicked: {
414
+ bgColor: "#034638",
415
+ borderColor: "#034638",
416
+ color: "#FFFFFF",
417
+ iconColor: "#FFFFFF",
418
+ },
419
+ disabled: {
420
+ bgColor: "#85D3A5",
421
+ borderColor: "#85D3A5",
422
+ color: "#FFFFFF",
423
+ iconColor: "#FFFFFF",
424
+ },
425
+ },
426
+ primaryLight: {
427
+ borderRadius: "4px",
428
+ fontWeight: 400,
429
+ textTransform: "none",
430
+ static: {
431
+ bgColor: "#FFFFFF",
432
+ borderColor: "#FFFFFF",
433
+ color: "#333333",
434
+ iconColor: "#333333",
435
+ },
436
+ hover: {
437
+ bgColor: "#FFFFFF",
438
+ borderColor: "#FFFFFF",
439
+ color: "#0CA74B",
440
+ iconColor: "#0CA74B",
441
+ },
442
+ clicked: {
443
+ bgColor: "#FFFFFF",
444
+ borderColor: "#FFFFFF",
445
+ color: "#0CA74B",
446
+ iconColor: "#0CA74B",
447
+ },
448
+ disabled: {
449
+ bgColor: "#4E4F53",
450
+ borderColor: "#4E4F53",
451
+ color: "#D1D6D8",
452
+ iconColor: "#D1D6D8",
453
+ },
454
+ },
455
+ secondary: {
456
+ borderRadius: "4px",
457
+ fontWeight: 400,
458
+ textTransform: "none",
459
+ static: {
460
+ bgColor: "#FFFFFF",
461
+ borderColor: "#333333",
462
+ color: "#333333",
463
+ iconColor: "#333333",
464
+ },
465
+ hover: {
466
+ bgColor: "#333333",
467
+ borderColor: "#333333",
468
+ color: "#FFFFFF",
469
+ iconColor: "#FFFFFF",
470
+ },
471
+ clicked: {
472
+ bgColor: "#15743C",
473
+ borderColor: "#15743C",
474
+ color: "#FFFFFF",
475
+ iconColor: "#FFFFFF",
476
+ },
477
+ disabled: {
478
+ bgColor: "#FFFFFF",
479
+ borderColor: "#D1D6D8",
480
+ color: "#D1D6D8",
481
+ iconColor: "#D1D6D8",
482
+ },
483
+ },
484
+ secondaryLight: {
485
+ borderRadius: "4px",
486
+ fontWeight: 400,
487
+ textTransform: "none",
488
+ static: {
489
+ bgColor: "transparent",
490
+ borderColor: "#FFFFFF",
491
+ color: "#FFFFFF",
492
+ iconColor: "#FFFFFF",
493
+ },
494
+ hover: {
495
+ bgColor: "#FFFFFF",
496
+ borderColor: "#FFFFFF",
497
+ color: "#333333",
498
+ iconColor: "#333333",
499
+ },
500
+ clicked: {
501
+ bgColor: "#FFFFFF",
502
+ borderColor: "#FFFFFF",
503
+ color: "#333333",
504
+ iconColor: "#333333",
505
+ },
506
+ disabled: {
507
+ bgColor: "#757575",
508
+ borderColor: "#757575",
509
+ color: "#D1D6D8",
510
+ iconColor: "#D1D6D8",
511
+ },
512
+ },
513
+ tertiary: {
514
+ borderRadius: "4px",
515
+ fontWeight: 400,
516
+ textTransform: "none",
517
+ static: {
518
+ bgColor: "#FFFFFF",
519
+ borderColor: "#FFFFFF",
520
+ color: "#333333",
521
+ iconColor: "#333333",
522
+ },
523
+ hover: {
524
+ bgColor: "#FFFFFF",
525
+ borderColor: "#FFFFFF",
526
+ color: "#C8102E",
527
+ iconColor: "#C8102E",
528
+ },
529
+ clicked: {
530
+ bgColor: "#FFFFFF",
531
+ borderColor: "#FFFFFF",
532
+ color: "#C8102E",
533
+ iconColor: "#C8102E",
534
+ },
535
+ disabled: {
536
+ bgColor: "#FFFFFF",
537
+ borderColor: "#FFFFFF",
538
+ color: "#D1D6D8",
539
+ iconColor: "#D1D6D8",
540
+ },
541
+ },
542
+ checkout: {
543
+ borderRadius: "4px",
544
+ fontWeight: 400,
545
+ iconColor: "#4E4F53",
546
+ textTransform: "none",
547
+ static: {
548
+ bgColor: "#0CA74B",
549
+ borderColor: "#0CA74B",
550
+ color: "#FFFFFF",
551
+ },
552
+ hover: {
553
+ bgColor: "#15743C",
554
+ borderColor: "#15743C",
555
+ color: "#FFFFFF",
556
+ },
557
+ clicked: {
558
+ bgColor: "#034638",
559
+ borderColor: "#034638",
560
+ color: "#FFFFFF",
561
+ },
562
+ disabled: {
563
+ bgColor: "#85D3A5",
564
+ borderColor: "#85D3A5",
565
+ color: "#FFFFFF",
566
+ },
567
+ },
568
+ quantityStepper: {
569
+ borderColor: "#D1D6D8",
570
+ borderRadius: "4px",
571
+ textTransform: "none",
572
+ numericInput: {
573
+ fontWeight: 400,
574
+ fontSize: "0.875rem",
575
+ letterSpacing: "normal",
576
+ lineHeight: "1.1875rem",
577
+ static: {
578
+ bgColor: "#FFFFFF",
579
+ color: "#4E4F53",
580
+ },
581
+ focused: {
582
+ bgColor: "#E7F6ED",
583
+ color: "#4E4F53",
584
+ },
585
+ },
586
+ plusMinusButtons: {
587
+ plusMinusIconBgColor: "#FFFFFF",
588
+ plusMinusIconColor: "#333333",
589
+ },
590
+ },
591
+ coupon: {
592
+ borderRadius: "4px",
593
+ borderStyle: "dashed",
594
+ fontWeight: 400,
595
+ static: {
596
+ bgColor: "#FFFFFF",
597
+ borderColor: "#D1D6D8",
598
+ color: "#4E4F53",
599
+ couponIconColor: "#C8102E",
600
+ },
601
+ hover: {
602
+ bgColor: "#FFFFFF",
603
+ borderColor: "#D1D6D8",
604
+ color: "#4E4F53",
605
+ couponIconColor: "#C8102E",
606
+ },
607
+ clicked: {
608
+ bgColor: "#FFFFFF",
609
+ borderColor: "#D1D6D8",
610
+ color: "#4E4F53",
611
+ couponIconColor: "#C8102E",
612
+ },
613
+ clipped: {
614
+ bgColor: "#FFFFFF",
615
+ borderColor: "#D1D6D8",
616
+ color: "#4E4F53",
617
+ clippedIconColor: "#0CA74B",
618
+ couponIconColor: "#4E4F53",
619
+ },
620
+ },
621
+ addToCart: {
622
+ borderRadius: "4px",
623
+ fontWeight: 400,
624
+ textTransform: "none",
625
+ static: {
626
+ bgColor: "#0CA74B",
627
+ borderColor: "#0CA74B",
628
+ color: "#FFFFFF",
629
+ iconColor: "#0CA74B",
630
+ },
631
+ hover: {
632
+ bgColor: "#15743C",
633
+ borderColor: "#0CA74B",
634
+ color: "#FFFFFF",
635
+ iconColor: "#FFFFFF",
636
+ },
637
+ clicked: {
638
+ bgColor: "#034638",
639
+ borderColor: "#15743C",
640
+ color: "#FFFFFF",
641
+ iconColor: "#FFFFFF",
642
+ },
643
+ disabled: {
644
+ bgColor: "#85D3A5",
645
+ borderColor: "#85D3A5",
646
+ color: "#FFFFFF",
647
+ iconColor: "#D1D6D8",
648
+ },
649
+ },
650
+ pills: {
651
+ borderRadius: "500px",
652
+ textTransform: "none",
653
+ active: {
654
+ fontWeight: 700,
655
+ fontWeightHover: 700,
656
+ color: "#333333",
657
+ colorHover: "#333333",
658
+ colorVisited: "#333333",
659
+ backgroundColor: "#F9E7EA",
660
+ borderColor: "#C8102E",
661
+ borderColorSelected: "#C8102E",
662
+ textDecoration: "none",
663
+ textDecorationHover: "underline",
664
+ padding: "4px 16px",
665
+ },
666
+ small: {
667
+ fontWeight: 700,
668
+ fontWeightHover: 400,
669
+ color: "#4E4F53",
670
+ colorHover: "#4E4F53",
671
+ colorVisited: "#4E4F53",
672
+ backgroundColor: "#F9E7EA",
673
+ borderColor: "#F9E7EA",
674
+ borderColorSelected: "#C8102E",
675
+ textDecoration: "none",
676
+ textDecorationHover: "underline",
677
+ padding: "2px 8px",
678
+ },
679
+ regular: {
680
+ fontWeight: 400,
681
+ fontWeightHover: 400,
682
+ color: "#333333",
683
+ colorHover: "#C8102E",
684
+ colorVisited: "#333333",
685
+ backgroundColor: "#FFFFFF",
686
+ borderColor: "#D1D6D8",
687
+ borderColorSelected: "#C8102E",
688
+ textDecoration: "none",
689
+ textDecorationHover: "underline",
690
+ padding: "4px 16px",
691
+ },
692
+ },
693
+ facets: {
694
+ borderRadius: "500px",
695
+ textTransform: "none",
696
+ fontWeight: 400,
697
+ active: {
698
+ iconColor: "#333333",
699
+ fontWeight: 700,
700
+ fontWeightHover: 700,
701
+ color: "#333333",
702
+ colorHover: "#333333",
703
+ colorVisited: "#333333",
704
+ backgroundColor: "#F9E7EA",
705
+ borderColor: "#C8102E",
706
+ borderColorSelected: "#C8102E",
707
+ textDecoration: "none",
708
+ textDecorationHover: "underline",
709
+ padding: "4px 16px",
710
+ },
711
+ small: {
712
+ iconColor: "#333333",
713
+ fontWeight: 700,
714
+ fontWeightHover: 400,
715
+ color: "#4E4F53",
716
+ colorHover: "#4E4F53",
717
+ colorVisited: "#4E4F53",
718
+ backgroundColor: "#F9E7EA",
719
+ borderColor: "#F9E7EA",
720
+ borderColorSelected: "#C8102E",
721
+ textDecoration: "none",
722
+ textDecorationHover: "underline",
723
+ padding: "2px 8px",
724
+ },
725
+ regular: {
726
+ iconColor: "#333333",
727
+ fontWeight: 400,
728
+ fontWeightHover: 400,
729
+ color: "#C8102E",
730
+ colorHover: "#4E4F53",
731
+ colorVisited: "#C8102E",
732
+ backgroundColor: "#FFFFFF",
733
+ borderColor: "#D1D6D8",
734
+ borderColorSelected: "#C8102E",
735
+ textDecoration: "none",
736
+ textDecorationHover: "underline",
737
+ padding: "4px 16px",
738
+ },
739
+ },
740
+ sliderArrows: {
741
+ backgroundColor: "#F7F8F9",
742
+ sideBorderColor: "#D1D6D8",
743
+ iconColor: "#757575",
744
+ },
745
+ filterSort: {
746
+ color: "#C8102E",
747
+ hoverColor: "#A50025",
748
+ },
749
+ activeAddress: {
750
+ backgroundColor: "#15743C",
751
+ borderColor: "#15743C",
752
+ },
753
+ timeSlotPaginationDay: {
754
+ selected: {
755
+ backgroundColor: "transparent",
756
+ },
757
+ },
758
+ },
759
+ carousel: {
760
+ bannerBackgroundColor: "#FFFFFF",
761
+ carouselPagination: {
762
+ dotBackground: "#D1D6D8",
763
+ activeDotBackground: "#C8102E",
764
+ wrapperBackground: "transparent",
765
+ wrapperHeight: "24px",
766
+ },
767
+ carouselArrows: {
768
+ borderRadius: "50%",
769
+ backgroundColor: "rgba(146, 146, 146, 0.5)",
770
+ activeBackgroundColor: "#757575",
771
+ iconColor: "#FFFFFF",
772
+ buttonDimension: 56,
773
+ },
774
+ },
775
+ modal: {
776
+ header: {
777
+ mobileBackgroundColor: "#F7F8F9",
778
+ },
779
+ storeIcon: {
780
+ bgColor: "#F9E7EA",
781
+ borderColor: "#F9E7EA",
782
+ color: "#757575",
783
+ hoverBGColor: "#F9E7EA",
784
+ hoverBorderColor: "#F9E7EA",
785
+ iconColor: "#757575",
786
+ },
787
+ },
788
+ selectedOption: {
789
+ bgColor: "#F9E7EA",
790
+ },
791
+ input: {
792
+ borderRadius: "4px",
793
+ static: {
794
+ bgColor: "#FFFFFF",
795
+ borderColor: "#D1D6D8",
796
+ color: "#4E4F53",
797
+ placeholderColor: "#757575",
798
+ },
799
+ hover: {
800
+ bgColor: "#FFFFFF",
801
+ borderColor: "#D1D6D8",
802
+ color: "#333333",
803
+ placeholderColor: "#757575",
804
+ },
805
+ focus: {
806
+ bgColor: "#FFFFFF",
807
+ borderColor: "#C8102E",
808
+ color: "#4E4F53",
809
+ placeholderColor: "#4E4F53",
810
+ },
811
+ disabled: {
812
+ bgColor: "#F7F8F9",
813
+ borderColor: "#D1D6D8",
814
+ color: "#757575",
815
+ placeholderColor: "#F7F8F9",
816
+ },
817
+ },
818
+ productGrid: {
819
+ borderColor: "#F7F8F9",
820
+ },
821
+ logoHeight: {
822
+ header: {
823
+ desktop: "41px",
824
+ tablet: "36px",
825
+ mobile: "36px",
826
+ },
827
+ modal: {
828
+ desktop: "41px",
829
+ tablet: "36px",
830
+ mobile: "36px",
831
+ },
832
+ content: {
833
+ desktop: "41px",
834
+ tablet: "36px",
835
+ mobile: "36px",
836
+ },
837
+ },
838
+ stsThemeStyles: {
839
+ headerHeight: "56px",
840
+ },
841
+ globalAnimations: {
842
+ confettiAnimation: {
843
+ successModals: {
844
+ colors: [],
845
+ },
846
+ },
847
+ },
848
+ metadata: [
849
+ {
850
+ name: "msapplication-TileColor",
851
+ content: "#ffffff",
852
+ },
853
+ {
854
+ name: "msapplication-TileImage",
855
+ content: "https://storage.googleapis.com/images-mi9-dev-6c5763d.mi9.dev.v8.commerce.mi9cloud.com/mus/ms-icon-144x144.png",
856
+ },
857
+ {
858
+ name: "theme-color",
859
+ content: "#ffffff",
860
+ },
861
+ ],
862
+ scripts: {},
863
+ };