@trafilea/afrodita-components 5.0.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,1059 @@
1
+ 'use strict';
2
+
3
+ var CardSectionType;
4
+ (function (CardSectionType) {
5
+ CardSectionType[CardSectionType["Header"] = 0] = "Header";
6
+ CardSectionType[CardSectionType["Footer"] = 1] = "Footer";
7
+ })(CardSectionType || (CardSectionType = {}));
8
+ var ComponentSize;
9
+ (function (ComponentSize) {
10
+ ComponentSize["Large"] = "large";
11
+ ComponentSize["Medium"] = "medium";
12
+ ComponentSize["Small"] = "small";
13
+ ComponentSize["XSmall"] = "xsmall";
14
+ })(ComponentSize || (ComponentSize = {}));
15
+ var ComponentPosition;
16
+ (function (ComponentPosition) {
17
+ ComponentPosition[ComponentPosition["Top"] = 0] = "Top";
18
+ ComponentPosition[ComponentPosition["Bottom"] = 1] = "Bottom";
19
+ ComponentPosition[ComponentPosition["Left"] = 2] = "Left";
20
+ ComponentPosition[ComponentPosition["Right"] = 3] = "Right";
21
+ })(ComponentPosition || (ComponentPosition = {}));
22
+ var InputValidationType;
23
+ (function (InputValidationType) {
24
+ InputValidationType[InputValidationType["Error"] = 0] = "Error";
25
+ InputValidationType[InputValidationType["Valid"] = 1] = "Valid";
26
+ InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
27
+ })(InputValidationType || (InputValidationType = {}));
28
+
29
+ var tsd = {
30
+ name: 'TheSpaDr',
31
+ fontSizes: [8, 10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
32
+ fontWeights: [300, 500, 700, 800],
33
+ lineHeights: [14, 16, 18, 20, 22, 24, 28, 32, 38, 44, 52, 68, 76, 84, 88, 92],
34
+ mediaQueries: {
35
+ mobile: 768,
36
+ tablet: 900,
37
+ desktop: 1200,
38
+ },
39
+ radius: {
40
+ regular: '8px',
41
+ },
42
+ zIndex: {
43
+ modal: 50,
44
+ overlay: 49,
45
+ },
46
+ colors: {
47
+ pallete: {
48
+ primary: {
49
+ color: '#457A41',
50
+ contrast: '--colors-shades-white-color',
51
+ soft: {
52
+ color: '#D1E3CA',
53
+ contrast: '--colors-shades-700-color',
54
+ },
55
+ 20: {
56
+ color: '#9AB898',
57
+ contrast: '--colors-shades-700-color',
58
+ soft: {
59
+ color: '#D7C59E',
60
+ contrast: '--colors-shades-700-color',
61
+ },
62
+ },
63
+ 40: {
64
+ color: '#2E403B',
65
+ contrast: '--colors-shades-white-color',
66
+ },
67
+ 60: {
68
+ color: '--colors-shades-700-color',
69
+ contrast: '--colors-shades-white-color',
70
+ },
71
+ 80: {
72
+ color: '#545454',
73
+ contrast: '--colors-shades-700-color',
74
+ },
75
+ },
76
+ secondary: {
77
+ soft: {
78
+ color: '--colors-shades-200-color',
79
+ contrast: '--colors-shades-200-color',
80
+ },
81
+ color: '--colors-shades-700-color',
82
+ contrast: '--colors-shades-white-color',
83
+ 20: {
84
+ color: '#93B4AC',
85
+ contrast: '--colors-shades-700-color',
86
+ },
87
+ 40: {
88
+ color: '#58745D',
89
+ contrast: '--colors-shades-white-color',
90
+ soft: {
91
+ color: '#21517066',
92
+ contrast: '--colors-shades-700-color',
93
+ },
94
+ },
95
+ 60: {
96
+ color: '#F3F8ED',
97
+ contrast: '--colors-shades-700-color',
98
+ },
99
+ 80: {
100
+ color: '#545454',
101
+ contrast: '--colors-shades-700-color',
102
+ },
103
+ },
104
+ neutral: {
105
+ color: '#F7F4F2',
106
+ contrast: '#686872',
107
+ },
108
+ shadow: {
109
+ color: '#686872',
110
+ contrast: '--colors-shades-white-color',
111
+ },
112
+ },
113
+ shades: {
114
+ black: { color: '#000', contrast: '--colors-shades-white-color' },
115
+ white: { color: '#fff', contrast: '--colors-shades-700-color' },
116
+ 5: { color: '#fafafa', contrast: '--colors-shades-700-color' },
117
+ 10: { color: '#f7f7f7', contrast: '--colors-shades-700-color' },
118
+ 50: { color: '#efefef', contrast: '--colors-shades-700-color' },
119
+ 100: { color: '#e5e5e5', contrast: '--colors-shades-700-color' },
120
+ 150: { color: '#d1d1d1', contrast: '--colors-shades-700-color' },
121
+ 175: { color: '#c4c4c4', contrast: '--colors-shades-700-color' },
122
+ 200: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
123
+ 250: { color: '#a6a6a6', contrast: '--colors-shades-700-color' },
124
+ 300: { color: '#9e9e9e', contrast: '--colors-shades-700-color' },
125
+ 350: { color: '#949494', contrast: '--colors-shades-white-color' },
126
+ 400: { color: '#808080', contrast: '--colors-shades-white-color' },
127
+ 450: { color: '#767676', contrast: '--colors-shades-white-color' },
128
+ 500: { color: '#5a5a5a', contrast: '--colors-shades-white-color' },
129
+ 550: { color: '#3a3a3a', contrast: '--colors-shades-white-color' },
130
+ 600: { color: '#343434', contrast: '--colors-shades-white-color' },
131
+ 650: { color: '#2d2d2d', contrast: '--colors-shades-white-color' },
132
+ 700: { color: '#292929', contrast: '--colors-shades-white-color' },
133
+ 750: { color: '#232323', contrast: '--colors-shades-white-color' },
134
+ 800: { color: '#202020', contrast: '--colors-shades-white-color' },
135
+ 850: { color: '#1b1b1b', contrast: '--colors-shades-white-color' },
136
+ 900: { color: '#191919', contrast: '--colors-shades-white-color' },
137
+ 950: { color: '#141414', contrast: '--colors-shades-white-color' },
138
+ 990: { color: '#0b0b0b', contrast: '--colors-shades-white-color' },
139
+ },
140
+ semantic: {
141
+ positive: { color: '#2F806A', contrast: '--colors-shades-white-color' },
142
+ urgent: { color: '#BA5350', contrast: '--colors-shades-white-color' },
143
+ attention: { color: '#F2DF78', contrast: '--colors-shades-700-color' },
144
+ informative: { color: '#437C8A', contrast: '--colors-shades-white-color' },
145
+ },
146
+ border: {
147
+ color: '',
148
+ disabled: '--colors-shades-200-color',
149
+ highlight: '#8BBEEA',
150
+ shadow: '#DAEEEB',
151
+ },
152
+ background: {
153
+ color: '--colors-shades-white-color',
154
+ disabled: '--colors-shades-50-color',
155
+ },
156
+ text: {
157
+ color: '--colors-shades-700-color',
158
+ disabled: '--colors-shades-250-color',
159
+ },
160
+ },
161
+ component: {
162
+ button: {
163
+ border: 'none',
164
+ borderRadius: '8px',
165
+ fontWeight: 700,
166
+ lineHeight: 'normal',
167
+ letterSpacing: 'normal',
168
+ minWidth: 'unset',
169
+ minHeight: 'unset',
170
+ size: {
171
+ small: {
172
+ fontSize: '0.75rem',
173
+ padding: '0.625rem 2rem',
174
+ },
175
+ medium: {
176
+ fontSize: '14px',
177
+ padding: '10px 36px',
178
+ },
179
+ large: {
180
+ fontSize: '16px',
181
+ padding: '14px 42px',
182
+ },
183
+ },
184
+ primary: {
185
+ active: {
186
+ backgroundColor: '--colors-pallete-primary-color',
187
+ color: '--colors-pallete-primary-contrast',
188
+ },
189
+ hover: {
190
+ backgroundColor: '--colors-pallete-primary-soft-color',
191
+ color: '--colors-pallete-primary-soft-contrast',
192
+ },
193
+ },
194
+ secondary: {
195
+ active: {
196
+ backgroundColor: '--colors-pallete-secondary-color',
197
+ color: '--colors-shades-white-color',
198
+ },
199
+ hover: {
200
+ backgroundColor: '--colors-pallete-secondary-80-color',
201
+ color: '--colors-pallete-secondary-contrast',
202
+ },
203
+ },
204
+ },
205
+ input: {
206
+ background: '--colors-shades-white-color',
207
+ color: '--colors-shades-700-color',
208
+ placeholderColor: '--colors-shades-200-color',
209
+ borderRadius: '8px',
210
+ fontSize: '16px',
211
+ fontWeight: 400,
212
+ padding: '0.75rem 1.1rem',
213
+ lineHeight: '1.5rem',
214
+ border: '0.063rem solid var(--colors-shades-200-color)',
215
+ boxShadow: '0px 0px 0px 3px var(--colors-border-shadow)',
216
+ errorBorder: '0.09375rem solid #d3373c',
217
+ },
218
+ inputPlaceholder: {
219
+ fontSize: '16px',
220
+ padding: '1.125rem 0.9375rem 0 0.9375rem',
221
+ focusBorder: '0.09375rem solid #1990c6',
222
+ },
223
+ inputCustom: {
224
+ button: {
225
+ borderRadius: '0px 8px 8px 0px',
226
+ },
227
+ input: {
228
+ borderRadius: '8px 1rem 1rem 8px',
229
+ },
230
+ },
231
+ selector: {
232
+ size: {
233
+ small: {
234
+ padding: '0.625rem 1.25rem',
235
+ borderRadius: '0.5rem',
236
+ },
237
+ medium: {
238
+ padding: '0.25rem 1rem',
239
+ borderRadius: '0.375rem',
240
+ },
241
+ },
242
+ default: {
243
+ fontWeight: 700,
244
+ border: '0.063rem solid var(--colors-shades-250-color)',
245
+ background: '--colors-shades-white-color',
246
+ color: '--colors-shades-700-color',
247
+ },
248
+ hover: {
249
+ fontWeight: 700,
250
+ background: '--colors-pallete-primary-color',
251
+ border: 'none',
252
+ color: '--colors-shades-white-color',
253
+ },
254
+ noStock: {
255
+ fontWeight: 700,
256
+ background: 'transparent',
257
+ border: '1px solid #3a3a3a4d',
258
+ color: '#3a3a3a4d',
259
+ },
260
+ disabled: {
261
+ border: 'none',
262
+ },
263
+ fontSize: '0.75rem',
264
+ },
265
+ rating: {
266
+ fontWeight: 400,
267
+ size: {
268
+ xsmall: {
269
+ fontSize: '0.625rem',
270
+ lineHeight: '0.625rem',
271
+ },
272
+ small: {
273
+ fontSize: '0.875rem',
274
+ lineHeight: '0.875rem',
275
+ },
276
+ medium: {
277
+ fontSize: '1rem',
278
+ lineHeight: '1rem',
279
+ },
280
+ large: {
281
+ fontSize: '1.125rem',
282
+ lineHeight: '1.125rem',
283
+ },
284
+ },
285
+ },
286
+ stars: {
287
+ element: {
288
+ color: '--colors-pallete-primary-20-soft-color',
289
+ xsmall: {
290
+ width: '12px',
291
+ height: '12px',
292
+ marginRight: '2px',
293
+ },
294
+ small: {
295
+ width: '17px',
296
+ height: '17px',
297
+ marginRight: '4px',
298
+ },
299
+ medium: {
300
+ width: '24px',
301
+ height: '24px',
302
+ marginRight: '6px',
303
+ },
304
+ large: {
305
+ width: '40px',
306
+ height: '40px',
307
+ marginRight: '8px',
308
+ },
309
+ },
310
+ },
311
+ card: {
312
+ borderRadius: '0.5rem',
313
+ backgroundColor: '--colors-pallete-secondary-soft-color',
314
+ },
315
+ radio: {
316
+ borderColor: '--colors-pallete-primary-color',
317
+ background: '--colors-shades-white-color',
318
+ textSize: '16px',
319
+ lineHeight: '22px',
320
+ size: {
321
+ large: {
322
+ borderWidth: '0.094rem',
323
+ margin: '0.5rem',
324
+ height: '2.25rem',
325
+ active: {
326
+ borderWidth: '0.875rem',
327
+ },
328
+ },
329
+ medium: {
330
+ borderWidth: '0.094rem',
331
+ margin: '0.375rem',
332
+ height: '1.375rem',
333
+ active: {
334
+ borderWidth: '0.5rem',
335
+ },
336
+ },
337
+ small: {
338
+ borderWidth: '0.063rem',
339
+ margin: '0.375rem',
340
+ height: '0.875rem',
341
+ active: {
342
+ borderWidth: '0.313rem',
343
+ },
344
+ },
345
+ },
346
+ },
347
+ label: {
348
+ color: '--colors-pallete-secondary-color',
349
+ fontSize: {
350
+ small: '0.75rem',
351
+ medium: '0.75rem',
352
+ large: '0.875rem',
353
+ },
354
+ lineHeight: {
355
+ small: '1rem',
356
+ medium: '1rem',
357
+ large: '1.125rem',
358
+ },
359
+ },
360
+ checkbox: {
361
+ background: '--colors-shades-white-color',
362
+ borderColor: '--colors-shades-700-color',
363
+ active: {
364
+ background: '--colors-shades-700-color',
365
+ },
366
+ size: {
367
+ large: {
368
+ width: '1.8rem',
369
+ height: '1.8rem',
370
+ borderRadius: '0.25rem',
371
+ borderWidth: '0.094rem',
372
+ margin: '0.6rem',
373
+ icon: {
374
+ width: '1.1rem',
375
+ height: '0.8rem',
376
+ },
377
+ },
378
+ medium: {
379
+ width: '1.375rem',
380
+ height: '1.375rem',
381
+ borderRadius: '0.25rem',
382
+ borderWidth: '0.094rem',
383
+ margin: '0.438rem',
384
+ icon: {
385
+ width: '0.875rem',
386
+ height: '0.625rem',
387
+ },
388
+ },
389
+ small: {
390
+ width: '0.875rem',
391
+ height: '0.875rem',
392
+ borderRadius: '0.125rem',
393
+ borderWidth: '0.063rem',
394
+ margin: '0.563rem',
395
+ icon: {
396
+ width: '0.5rem',
397
+ height: '0.375rem',
398
+ },
399
+ },
400
+ },
401
+ },
402
+ accordion: {
403
+ variant: {
404
+ box: {
405
+ container: {
406
+ border: '0.063rem solid',
407
+ borderColor: '--colors-shades-100-color',
408
+ borderRadius: '0.25rem',
409
+ padding: '1.25rem 2rem',
410
+ },
411
+ summary: {
412
+ fontWeight: 600,
413
+ fontSize: '20px',
414
+ lineHeight: '28px',
415
+ color: '--colors-shades-700-color',
416
+ },
417
+ details: {
418
+ margin: '10px 0px 0px 0px',
419
+ },
420
+ icon: {
421
+ width: 1.5,
422
+ height: 1.5,
423
+ color: '--colors-shades-700-color',
424
+ },
425
+ },
426
+ simple: {
427
+ container: {
428
+ borderTop: '1px solid',
429
+ borderColor: '--colors-shades-100-color',
430
+ borderBottom: 'none',
431
+ borderRadius: 'none',
432
+ padding: '10px 0px',
433
+ },
434
+ summary: {
435
+ fontWeight: 400,
436
+ fontSize: '20px',
437
+ lineHeight: '28px',
438
+ color: '--colors-shades-700-color',
439
+ },
440
+ details: {
441
+ margin: '10px 0px 0px 0px',
442
+ },
443
+ icon: {
444
+ width: 1,
445
+ height: 1,
446
+ color: '--colors-shades-700-color',
447
+ },
448
+ },
449
+ },
450
+ },
451
+ dropdown: {
452
+ borderRadius: '8px',
453
+ fontSize: '16px',
454
+ fontWeight: 600,
455
+ lineHeight: '1.125rem',
456
+ padding: '12px 24px',
457
+ optionPadding: '0.75rem 1.2rem',
458
+ color: '--colors-shades-700-color',
459
+ fill: '--colors-shades-700-color',
460
+ borderWidth: '4px',
461
+ options: {
462
+ borderColor: '--colors-pallete-primary-soft-color',
463
+ color: '--colors-shades-700-color',
464
+ borderRadius: '0.5rem',
465
+ borderRadiusV2: '0.5rem',
466
+ backgroundColor: '--colors-pallete-secondary-60-color',
467
+ },
468
+ optionsWrapper: {
469
+ borderRadius: 'unset',
470
+ overflow: 'unset',
471
+ },
472
+ },
473
+ modal: {
474
+ minWidth: '540px',
475
+ },
476
+ packSelector: {
477
+ borderRadius: '8px',
478
+ borderColor: '--colors-shades-100-color',
479
+ highlightColor: '--colors-pallete-creamy-soft-color',
480
+ selectedColor: '--colors-semantic-positive-color',
481
+ selectedContrast: '--colors-semantic-positive-contrast',
482
+ tagColor: '--colors-semantic-attention-color',
483
+ },
484
+ slideNavigation: {
485
+ slideDots: {
486
+ unselectedDotColor: '--colors-shades-700-color',
487
+ selectedDotColor: '--colors-shades-white-color',
488
+ dotsOpacity: 0.6,
489
+ },
490
+ },
491
+ beforeAfter: {
492
+ size: {
493
+ small: {
494
+ image: {
495
+ minHeight: 'auto',
496
+ minWidth: '92px',
497
+ mobile: {
498
+ minHeight: '138px',
499
+ minWidth: '128px',
500
+ },
501
+ },
502
+ imageContainer: {
503
+ maxWidth: '214px',
504
+ padding: '12px',
505
+ mobile: {
506
+ maxWidth: '286px',
507
+ },
508
+ },
509
+ userInfoText: {
510
+ fontSize: '12px',
511
+ mobile: {
512
+ fontSize: '12px',
513
+ },
514
+ },
515
+ },
516
+ medium: {
517
+ image: {
518
+ minHeight: '200px',
519
+ minWidth: '187px',
520
+ mobile: {
521
+ minHeight: '157px',
522
+ minWidth: '150px',
523
+ },
524
+ },
525
+ imageContainer: {
526
+ maxWidth: '427px',
527
+ padding: '18px',
528
+ mobile: {
529
+ maxWidth: '342px',
530
+ },
531
+ },
532
+ userInfoText: {
533
+ fontSize: '18px',
534
+ mobile: {
535
+ fontSize: '14px',
536
+ },
537
+ },
538
+ },
539
+ large: {
540
+ image: {
541
+ minHeight: '200px',
542
+ minWidth: '187px',
543
+ mobile: {
544
+ minHeight: '157px',
545
+ minWidth: '150px',
546
+ },
547
+ },
548
+ imageContainer: {
549
+ maxWidth: '427px',
550
+ padding: '18px',
551
+ mobile: {
552
+ maxWidth: '342px',
553
+ },
554
+ },
555
+ userInfoText: {
556
+ fontSize: '18px',
557
+ mobile: {
558
+ fontSize: '14px',
559
+ },
560
+ },
561
+ },
562
+ },
563
+ },
564
+ total: {
565
+ basicTotal: {
566
+ amount: {
567
+ color: '--colors-shades-550-color',
568
+ fontSize: '24px',
569
+ },
570
+ currency: {
571
+ color: '--colors-shades-550-color',
572
+ fontSize: '14px',
573
+ lineHeight: '22px',
574
+ alignSelf: 'flex-end',
575
+ },
576
+ savings: {
577
+ amountFontWeight: 700,
578
+ color: '--colors-semantic-positive-color',
579
+ },
580
+ },
581
+ },
582
+ subTotal: {
583
+ basicSubTotal: {
584
+ family: 'Jost',
585
+ size: '16px',
586
+ weight: 700,
587
+ lineHeight: '20px',
588
+ color: '--colors-shades-550-color',
589
+ },
590
+ },
591
+ pricing: {
592
+ priceLabel: {
593
+ price: {
594
+ size: ComponentSize.Medium,
595
+ originalPriceColor: '--colors-shades-300-color',
596
+ actualPriceColor: '--colors-shades-700-color',
597
+ defaultFontSize: {
598
+ large: '16px',
599
+ medium: '16px',
600
+ small: '16px',
601
+ },
602
+ smallFontSize: {
603
+ large: '16px',
604
+ medium: '16px',
605
+ small: '14px',
606
+ },
607
+ largeFontSize: {
608
+ large: '24px',
609
+ medium: '24px',
610
+ small: '20px',
611
+ },
612
+ discountFontSize: {
613
+ large: '14px',
614
+ medium: '14px',
615
+ small: '14px',
616
+ },
617
+ },
618
+ },
619
+ },
620
+ orderSummary: {
621
+ headingTextAlign: 'center',
622
+ backgroundColor: '--colors-shades-10-color',
623
+ padding: '20px',
624
+ borderRadius: '--radius-regular',
625
+ maxWidth: '100%',
626
+ onMobile: {
627
+ maxWidth: '100%',
628
+ padding: '15px',
629
+ backgroundColor: '--colors-shades-white-color',
630
+ },
631
+ },
632
+ expressCheckout: {
633
+ button: {
634
+ borderRadius: '15px',
635
+ },
636
+ },
637
+ copyrightText: {
638
+ fontSize: '16px',
639
+ fontWeight: 400,
640
+ lineHeight: '24px',
641
+ color: '--colors-pallete-secondary-color',
642
+ },
643
+ thankyouFooterText: {
644
+ fontSize: '24px',
645
+ fontWeight: '400',
646
+ lineHeight: '32px',
647
+ },
648
+ textButton: {
649
+ fontWeight: 600,
650
+ lineHeight: '24px',
651
+ },
652
+ deliveryDetails: {
653
+ title: {
654
+ fontSize: '18px',
655
+ lineHeight: '28px',
656
+ fontWeight: 700,
657
+ },
658
+ sectionTitle: {
659
+ fontSize: '14px',
660
+ lineHeight: '20px',
661
+ fontWeight: 600,
662
+ },
663
+ note: {
664
+ accentColor: '--colors-semantic-urgent-color',
665
+ color: '--colors-text-color',
666
+ backgroundColor: '--colors-pallete-primary-20-color',
667
+ },
668
+ sectionDetails: {
669
+ fontSize: '14px',
670
+ lineHeight: '24px',
671
+ fontWeight: 400,
672
+ },
673
+ },
674
+ text: {
675
+ orderHeader: {
676
+ color: '--colors-pallete-primary-color',
677
+ },
678
+ fitGuarantee: {
679
+ titleFontSize: '10px',
680
+ titleFontWeight: 700,
681
+ fontWeight: 'unset',
682
+ },
683
+ offerBanner: {
684
+ borderRadius: '0.125rem',
685
+ },
686
+ },
687
+ orderBar: {
688
+ backgroundColor: '--colors-pallete-primary-color',
689
+ fontColor: '--colors-shades-white-color',
690
+ },
691
+ banner: {
692
+ outlineColor: '--colors-pallete-mint-soft-color',
693
+ filledColor: '--colors-pallete-mint-soft-color',
694
+ fontColor: '--colors-shades-700-color',
695
+ },
696
+ offerTitleText: {
697
+ size: '16px',
698
+ weight: 700,
699
+ lineHeight: '22px',
700
+ },
701
+ linePrice: {
702
+ color: '#8BB948',
703
+ badge: {
704
+ color: '#CCC485',
705
+ borderRadius: '6px',
706
+ },
707
+ },
708
+ divider: {
709
+ color: '--colors-pallete-tertiary-soft-color',
710
+ },
711
+ checkout: {
712
+ paymentInformation: {
713
+ borderRadius: '8px',
714
+ },
715
+ creditCardSection: {
716
+ borderRadius: '8px',
717
+ },
718
+ },
719
+ upsell: {
720
+ banner: {
721
+ outlined: {
722
+ color: '--colors-semantic-positive-color',
723
+ },
724
+ },
725
+ price: {
726
+ colors: {
727
+ regular: '--colors-shades-400-color',
728
+ deal: '--colors-pallete-primary-color',
729
+ each: '--colors-shades-700-color',
730
+ badgeBG: '--colors-pallete-gold-soft-color' ,
731
+ badgeColor: '--colors-shades-700-color',
732
+ },
733
+ },
734
+ hurryTimeCard: {
735
+ backgroundColor: '--colors-pallete-primary-20-soft-color',
736
+ },
737
+ },
738
+ thankyou: {
739
+ emailSection: {
740
+ backgroundColor: '--colors-pallete-mint-soft-color',
741
+ },
742
+ socialIcon: {
743
+ color: '--colors-pallete-primary-color',
744
+ },
745
+ orderId: {
746
+ color: '--colors-shades-700-color',
747
+ },
748
+ },
749
+ hurryUp: {
750
+ borderRadius: '8px',
751
+ },
752
+ qtyPicker: {
753
+ borderRadius: '0.5rem',
754
+ },
755
+ },
756
+ typography: {
757
+ config: {
758
+ weight: {
759
+ heavy: 800,
760
+ bold: 700,
761
+ demi: 500,
762
+ regular: 400,
763
+ },
764
+ },
765
+ variants: {
766
+ hero1: {
767
+ fontSize: 76,
768
+ lineHeight: '92px',
769
+ },
770
+ hero2: {
771
+ fontSize: 72,
772
+ lineHeight: '88px',
773
+ },
774
+ hero3: {
775
+ fontSize: 68,
776
+ lineHeight: '84px',
777
+ },
778
+ display1: {
779
+ fontSize: 60,
780
+ lineHeight: '76px',
781
+ },
782
+ display2: {
783
+ fontSize: 54,
784
+ lineHeight: '64px',
785
+ },
786
+ display3: {
787
+ fontSize: 50,
788
+ lineHeight: '64px',
789
+ },
790
+ heading1: {
791
+ fontSize: 48,
792
+ lineHeight: '56px',
793
+ },
794
+ heading2: {
795
+ fontSize: 44,
796
+ lineHeight: '52px',
797
+ },
798
+ heading3: {
799
+ fontSize: 40,
800
+ lineHeight: '44px',
801
+ },
802
+ heading4: {
803
+ fontSize: 36,
804
+ lineHeight: '36px',
805
+ },
806
+ heading5: {
807
+ fontSize: 32,
808
+ lineHeight: '32px',
809
+ },
810
+ heading6: {
811
+ fontSize: 28,
812
+ lineHeight: '28px',
813
+ },
814
+ 'body-large': {
815
+ fontSize: 18,
816
+ lineHeight: '28px',
817
+ },
818
+ 'body-regular': {
819
+ fontSize: 16,
820
+ lineHeight: '24px',
821
+ },
822
+ 'body-small': {
823
+ fontSize: 14,
824
+ lineHeight: '22px',
825
+ },
826
+ 'body-xsmall': {
827
+ fontSize: 12,
828
+ lineHeight: '20px',
829
+ },
830
+ 'link-regular': {
831
+ fontSize: 16,
832
+ lineHeight: '24px',
833
+ },
834
+ 'link-small': {
835
+ fontSize: 14,
836
+ lineHeight: '22px',
837
+ },
838
+ 'pricing-large': {
839
+ fontSize: 28,
840
+ lineHeight: '32px',
841
+ },
842
+ 'pricing-medium': {
843
+ fontSize: 20,
844
+ lineHeight: '24px',
845
+ },
846
+ 'pricing-regular': {
847
+ fontSize: 16,
848
+ lineHeight: '22px',
849
+ },
850
+ button: {
851
+ textTransform: 'uppercase',
852
+ },
853
+ 'button-large': {
854
+ fontSize: 16,
855
+ lineHeight: '24px',
856
+ },
857
+ 'button-regular': {
858
+ fontSize: 14,
859
+ lineHeight: '20px',
860
+ },
861
+ 'label-large': {
862
+ fontSize: 14,
863
+ lineHeight: '20px',
864
+ },
865
+ 'label-regular': {
866
+ fontSize: 12,
867
+ lineHeight: '16px',
868
+ },
869
+ 'label-small': {
870
+ fontSize: 10,
871
+ lineHeight: '14px',
872
+ },
873
+ 'tag-regular': {
874
+ fontSize: 24,
875
+ lineHeight: '32px',
876
+ },
877
+ 'tag-small': {
878
+ fontSize: 16,
879
+ lineHeight: '24px',
880
+ },
881
+ },
882
+ },
883
+ fonts: {
884
+ url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static/fonts/tsd',
885
+ config: [
886
+ {
887
+ family: 'Poppins',
888
+ src: 'Poppins-Regular.ttf',
889
+ weight: 400,
890
+ },
891
+ {
892
+ family: 'Poppins',
893
+ src: 'Poppins-Italic.ttf',
894
+ style: 'italic',
895
+ weight: 400,
896
+ },
897
+ {
898
+ family: 'Poppins',
899
+ src: 'Poppins-Bold.ttf',
900
+ weight: 700,
901
+ },
902
+ {
903
+ family: 'Poppins',
904
+ src: 'Poppins-BoldItalic.ttf',
905
+ style: 'italic',
906
+ weight: 700,
907
+ },
908
+ {
909
+ family: 'Poppins',
910
+ src: 'Poppins-ExtraBold.ttf',
911
+ weight: 900,
912
+ },
913
+ {
914
+ family: 'Poppins',
915
+ src: 'Poppins-ExtraBoldItalic.ttf',
916
+ style: 'italic',
917
+ weight: 900,
918
+ },
919
+ {
920
+ family: 'Poppins',
921
+ src: 'Poppins-Medium.ttf',
922
+ weight: 500,
923
+ },
924
+ {
925
+ family: 'Poppins',
926
+ src: 'Poppins-MediumItalic.ttf',
927
+ style: 'italic',
928
+ weight: 500,
929
+ },
930
+ {
931
+ family: 'Poppins',
932
+ src: 'Poppins-SemiBold.ttf',
933
+ weight: 600,
934
+ },
935
+ {
936
+ family: 'Poppins',
937
+ src: 'Poppins-SemiBoldItalic.ttf',
938
+ style: 'italic',
939
+ weight: 600,
940
+ },
941
+ {
942
+ family: 'Poppins',
943
+ src: 'Poppins-Light.ttf',
944
+ weight: 300,
945
+ },
946
+ {
947
+ family: 'Poppins',
948
+ src: 'Poppins-LightItalic.ttf',
949
+ style: 'italic',
950
+ weight: 300,
951
+ },
952
+ {
953
+ family: 'PlayfairDisplay',
954
+ src: 'PlayfairDisplay-Regular.ttf',
955
+ weight: 'normal',
956
+ },
957
+ {
958
+ family: 'PlayfairDisplay',
959
+ src: 'PlayfairDisplay-Black.ttf',
960
+ },
961
+ {
962
+ family: 'PlayfairDisplay',
963
+ src: 'PlayfairDisplay-BlackItalic.ttf',
964
+ style: 'italic',
965
+ },
966
+ {
967
+ family: 'PlayfairDisplay',
968
+ src: 'PlayfairDisplay-Bold.ttf',
969
+ },
970
+ {
971
+ family: 'PlayfairDisplay',
972
+ src: 'PlayfairDisplay-BoldItalic.ttf',
973
+ style: 'italic',
974
+ },
975
+ {
976
+ family: 'PlayfairDisplay',
977
+ src: 'PlayfairDisplay-ExtraBold.ttf',
978
+ },
979
+ {
980
+ family: 'PlayfairDisplay',
981
+ src: 'PlayfairDisplay-ExtraBoldItalic.ttf',
982
+ style: 'italic',
983
+ },
984
+ {
985
+ family: 'PlayfairDisplay',
986
+ src: 'PlayfairDisplay-Italic.ttf',
987
+ style: 'italic',
988
+ },
989
+ {
990
+ family: 'PlayfairDisplay',
991
+ src: 'PlayfairDisplay-Medium.ttf',
992
+ },
993
+ {
994
+ family: 'PlayfairDisplay',
995
+ src: 'PlayfairDisplay-MediumItalic.ttf',
996
+ style: 'italic',
997
+ },
998
+ {
999
+ family: 'PlayfairDisplay',
1000
+ src: 'PlayfairDisplay-SemiBold.ttf',
1001
+ },
1002
+ {
1003
+ family: 'PlayfairDisplay',
1004
+ src: 'PlayfairDisplay-SemiBoldItalic.ttf',
1005
+ style: 'italic',
1006
+ },
1007
+ {
1008
+ family: 'Montserrat',
1009
+ src: 'Montserrat-Regular.ttf',
1010
+ },
1011
+ {
1012
+ family: 'Montserrat',
1013
+ src: 'Montserrat-Bold.ttf',
1014
+ },
1015
+ {
1016
+ family: 'Montserrat',
1017
+ src: 'Montserrat-BoldItalic.ttf',
1018
+ style: 'italic',
1019
+ },
1020
+ {
1021
+ family: 'Montserrat',
1022
+ src: 'Montserrat-Light.ttf',
1023
+ },
1024
+ {
1025
+ family: 'Montserrat',
1026
+ src: 'Montserrat-LightItalic.ttf',
1027
+ },
1028
+ ],
1029
+ },
1030
+ assets: {
1031
+ cdn: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@1.3.1/common',
1032
+ images: {
1033
+ favicon: 'https://cdn.shopify.com/s/files/1/0912/0596/files/TSD_favicon.png?v=1692384832',
1034
+ logo: 'https://cdn.shopify.com/s/files/1/0912/0596/files/thespadr_logo_new.svg?v=1696594843',
1035
+ logoSize: {
1036
+ width: '250px',
1037
+ height: '90px',
1038
+ },
1039
+ logoMobile: 'https://cdn.shopify.com/s/files/1/0912/0596/files/thespadr_logo_new.svg?v=1696594843',
1040
+ checkoutLogo: {
1041
+ url: 'https://cdn.shopify.com/s/files/1/0912/0596/files/thespadr_logo_new.svg?v=1696594843',
1042
+ width: '250px',
1043
+ height: '90px',
1044
+ },
1045
+ upsellLogo: {
1046
+ url: 'https://cdn.shopify.com/s/files/1/0912/0596/files/thespadr_logo_new.svg?v=1696594843',
1047
+ width: '250px',
1048
+ height: '90px',
1049
+ },
1050
+ tyLogo: {
1051
+ url: 'https://cdn.shopify.com/s/files/1/0912/0596/files/thespadr_logo_new.svg?v=1696594843',
1052
+ width: '250px',
1053
+ height: '90px',
1054
+ },
1055
+ },
1056
+ },
1057
+ };
1058
+
1059
+ module.exports = tsd;