@thryveai/theme-interfaces 2.6.6 → 2.6.8

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/dist/interfaces/retailer-settings.interfaces.d.ts +2 -1
  2. package/dist/storefront/defaultIconsStorefront.js +145 -145
  3. package/dist/storefront/defaultSettingsStorefront.js +1 -0
  4. package/package.json +1 -1
  5. package/dist/theme-override.d.ts +0 -840
  6. package/dist/theme-override.js +0 -863
package/dist/theme-override.js DELETED
@@ -1,863 +0,0 @@
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
- };