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