@thryveai/theme-interfaces 2.5.6 → 2.5.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 (4) hide show
  1. package/dist/interfaces/default-theme.interface.d.ts +7 -1
  2. package/dist/storefront/defaultIconsStorefront.js +24 -24
  3. package/dist/storefront/defaultThemeStorefront.js +348 -348
  4. package/package.json +1 -1
package/dist/storefront/defaultThemeStorefront.js CHANGED
@@ -20,7 +20,7 @@ var DefaultThemeSFUI = function (colors) {
20
20
  tertiary2: colors.tertiary2,
21
21
  tertiary3: colors.tertiary3,
22
22
  tertiary4: colors.tertiary4,
23
- tertiary5: colors.tertiary5
23
+ tertiary5: colors.tertiary5,
24
24
  },
25
25
  uiColors: {
26
26
  success: colors.success,
@@ -40,8 +40,8 @@ var DefaultThemeSFUI = function (colors) {
40
40
  greyscale4: colors.greyscale4,
41
41
  greyscale5: colors.greyscale5,
42
42
  greyscale6: colors.greyscale6,
43
- greyscale7: colors.greyscale7
44
- }
43
+ greyscale7: colors.greyscale7,
44
+ },
45
45
  },
46
46
  header: {
47
47
  notifications: {
@@ -57,8 +57,8 @@ var DefaultThemeSFUI = function (colors) {
57
57
  badge: {
58
58
  cart: {
59
59
  color: colors.secondary1,
60
- bgColor: colors.greyscale1
61
- }
60
+ bgColor: colors.greyscale1,
61
+ },
62
62
  },
63
63
  topMenu: {
64
64
  color: colors.greyscale6,
@@ -67,21 +67,21 @@ var DefaultThemeSFUI = function (colors) {
67
67
  links: {
68
68
  static: {
69
69
  color: colors.primary1,
70
- textDecoration: 'none'
70
+ textDecoration: "none",
71
71
  },
72
72
  hover: {
73
73
  color: colors.primary1,
74
- textDecoration: 'underline'
74
+ textDecoration: "underline",
75
75
  },
76
76
  clicked: {
77
77
  color: colors.primary1,
78
- textDecoration: 'underline'
78
+ textDecoration: "underline",
79
79
  },
80
80
  visited: {
81
81
  color: colors.primary1,
82
- textDecoration: 'none'
83
- }
84
- }
82
+ textDecoration: "none",
83
+ },
84
+ },
85
85
  },
86
86
  mainMenu: {
87
87
  color: colors.greyscale6,
@@ -90,46 +90,46 @@ var DefaultThemeSFUI = function (colors) {
90
90
  links: {
91
91
  static: {
92
92
  color: colors.primary1,
93
- textDecoration: 'none'
93
+ textDecoration: "none",
94
94
  },
95
95
  hover: {
96
96
  color: colors.primary1,
97
- textDecoration: 'underline'
97
+ textDecoration: "underline",
98
98
  },
99
99
  clicked: {
100
100
  color: colors.primary1,
101
- textDecoration: 'underline'
101
+ textDecoration: "underline",
102
102
  },
103
103
  visited: {
104
104
  color: colors.primary1,
105
- textDecoration: 'none'
106
- }
107
- }
105
+ textDecoration: "none",
106
+ },
107
+ },
108
108
  },
109
109
  bottomMenu: {
110
110
  color: colors.greyscale6,
111
111
  hoverColor: colors.primary1,
112
112
  backgroundColor: colors.greyscale1,
113
- textTransform: 'capitalize',
113
+ textTransform: "capitalize",
114
114
  fontWeight: exports.globalTheme.FontWeight,
115
115
  links: {
116
116
  static: {
117
117
  color: colors.primary1,
118
- textDecoration: 'none'
118
+ textDecoration: "none",
119
119
  },
120
120
  hover: {
121
121
  color: colors.primary1,
122
- textDecoration: 'underline'
122
+ textDecoration: "underline",
123
123
  },
124
124
  clicked: {
125
125
  color: colors.primary1,
126
- textDecoration: 'underline'
126
+ textDecoration: "underline",
127
127
  },
128
128
  visited: {
129
129
  color: colors.primary1,
130
- textDecoration: 'none'
131
- }
132
- }
130
+ textDecoration: "none",
131
+ },
132
+ },
133
133
  },
134
134
  mobileMenu: {
135
135
  color: colors.primary1,
@@ -138,91 +138,91 @@ var DefaultThemeSFUI = function (colors) {
138
138
  links: {
139
139
  static: {
140
140
  color: colors.primary1,
141
- textDecoration: 'none'
141
+ textDecoration: "none",
142
142
  },
143
143
  hover: {
144
144
  color: colors.primary1,
145
- textDecoration: 'underline'
145
+ textDecoration: "underline",
146
146
  },
147
147
  clicked: {
148
148
  color: colors.primary1,
149
- textDecoration: 'underline'
149
+ textDecoration: "underline",
150
150
  },
151
151
  visited: {
152
152
  color: colors.primary1,
153
- textDecoration: 'none'
154
- }
155
- }
153
+ textDecoration: "none",
154
+ },
155
+ },
156
156
  },
157
157
  search: {
158
158
  borderColor: colors.greyscale3,
159
- borderRadius: '4px',
159
+ borderRadius: "4px",
160
160
  clearBtnColor: colors.greyscale3,
161
161
  searchButton: {
162
162
  desktop: {
163
- static: { color: colors.primary1, backgroundColor: 'transparent' },
163
+ static: { color: colors.primary1, backgroundColor: "transparent" },
164
164
  hover: { color: colors.primary1, backgroundColor: colors.greyscale2 },
165
165
  clicked: {
166
166
  color: colors.greyscale1,
167
- backgroundColor: colors.primary1
168
- }
167
+ backgroundColor: colors.primary1,
168
+ },
169
169
  },
170
170
  tablet: {
171
171
  static: { color: colors.primary1 },
172
172
  clicked: {
173
- color: colors.greyscale1
174
- }
173
+ color: colors.greyscale1,
174
+ },
175
175
  },
176
176
  mobile: {
177
- static: { color: colors.primary1 }
178
- }
177
+ static: { color: colors.primary1 },
178
+ },
179
179
  },
180
180
  suggestions: {
181
181
  links: {
182
182
  color: {
183
- static: 'inherit',
184
- hover: 'inherit',
185
- visited: 'inherit'
186
- }
187
- }
183
+ static: "inherit",
184
+ hover: "inherit",
185
+ visited: "inherit",
186
+ },
187
+ },
188
188
  },
189
189
  multisearchBtn: {
190
190
  static: {
191
191
  color: colors.greyscale5,
192
- backgroundColor: colors.primary5
192
+ backgroundColor: colors.primary5,
193
193
  },
194
194
  hover: {
195
195
  color: colors.primary1,
196
- backgroundColor: colors.primary5
197
- }
198
- }
196
+ backgroundColor: colors.primary5,
197
+ },
198
+ },
199
199
  },
200
200
  storePopover: {
201
201
  backgroundColor: colors.primary5,
202
202
  activeBackgroundColor: colors.secondary5,
203
203
  color: colors.greyscale5,
204
204
  activeColor: colors.greyscale5,
205
- borderColor: 'transparent',
206
- borderRadius: '4px',
207
- reserveTimeIconPosition: 'center'
205
+ borderColor: "transparent",
206
+ borderRadius: "4px",
207
+ reserveTimeIconPosition: "center",
208
208
  },
209
209
  accountPopover: {
210
210
  backgroundColor: colors.greyscale2,
211
- borderColor: 'transparent',
212
- borderRadius: '4px',
211
+ borderColor: "transparent",
212
+ borderRadius: "4px",
213
213
  color: colors.greyscale5,
214
214
  links: {
215
215
  color: {
216
216
  static: colors.greyscale5,
217
- hover: 'inherit',
218
- visited: colors.greyscale5
219
- }
220
- }
217
+ hover: "inherit",
218
+ visited: colors.greyscale5,
219
+ },
220
+ },
221
221
  },
222
222
  headerActionLinks: {
223
223
  activeBackgroundColor: colors.greyscale2,
224
224
  activeColor: colors.primary1,
225
- backgroundColor: 'none',
225
+ backgroundColor: "none",
226
226
  borderRadius: exports.globalTheme.BorderRadius,
227
227
  color: colors.greyscale5,
228
228
  hoverColor: colors.greyscale5,
@@ -231,26 +231,26 @@ var DefaultThemeSFUI = function (colors) {
231
231
  links: {
232
232
  static: {
233
233
  color: colors.primary1,
234
- textDecoration: 'none'
234
+ textDecoration: "none",
235
235
  },
236
236
  hover: {
237
237
  color: colors.primary1,
238
- textDecoration: 'underline'
238
+ textDecoration: "underline",
239
239
  },
240
240
  clicked: {
241
241
  color: colors.primary1,
242
- textDecoration: 'underline'
242
+ textDecoration: "underline",
243
243
  },
244
244
  visited: {
245
245
  color: colors.primary1,
246
- textDecoration: 'none'
247
- }
248
- }
246
+ textDecoration: "none",
247
+ },
248
+ },
249
249
  },
250
250
  headerLinks: {
251
251
  color: colors.greyscale5,
252
252
  hoverColor: colors.greyscale5,
253
- backgroundColor: 'none',
253
+ backgroundColor: "none",
254
254
  activeColor: colors.greyscale5,
255
255
  activeBackgroundColor: colors.greyscale2,
256
256
  fontWeight: exports.globalTheme.FontWeightBold,
@@ -258,42 +258,42 @@ var DefaultThemeSFUI = function (colors) {
258
258
  links: {
259
259
  static: {
260
260
  color: colors.primary1,
261
- textDecoration: 'none'
261
+ textDecoration: "none",
262
262
  },
263
263
  hover: {
264
264
  color: colors.primary1,
265
- textDecoration: 'underline'
265
+ textDecoration: "underline",
266
266
  },
267
267
  clicked: {
268
268
  color: colors.primary1,
269
- textDecoration: 'underline'
269
+ textDecoration: "underline",
270
270
  },
271
271
  visited: {
272
272
  color: colors.primary1,
273
- textDecoration: 'none'
274
- }
275
- }
273
+ textDecoration: "none",
274
+ },
275
+ },
276
276
  },
277
277
  departments: {
278
278
  wrapCategoryTitle: false,
279
279
  backgroundColor: {
280
- active: 'inherit',
281
- static: colors.greyscale2
280
+ active: "inherit",
281
+ static: colors.greyscale2,
282
282
  },
283
283
  color: {
284
284
  static: colors.greyscale5,
285
- hover: colors.primary1
285
+ hover: colors.primary1,
286
286
  },
287
287
  iconColor: {
288
288
  static: colors.greyscale3,
289
- hover: colors.greyscale3
290
- }
291
- }
289
+ hover: colors.greyscale3,
290
+ },
291
+ },
292
292
  },
293
293
  body: {
294
294
  fontSize: exports.globalTheme.baseFontSize,
295
295
  color: exports.globalTheme.bodyFontColor,
296
- backgroundColor: exports.globalTheme.bodyBackgroundColor
296
+ backgroundColor: exports.globalTheme.bodyBackgroundColor,
297
297
  },
298
298
  footer: {
299
299
  mainFooter: {
@@ -303,21 +303,21 @@ var DefaultThemeSFUI = function (colors) {
303
303
  links: {
304
304
  static: {
305
305
  color: colors.primary1,
306
- textDecoration: 'none'
306
+ textDecoration: "none",
307
307
  },
308
308
  hover: {
309
309
  color: colors.primary1,
310
- textDecoration: 'underline'
310
+ textDecoration: "underline",
311
311
  },
312
312
  clicked: {
313
313
  color: colors.primary1,
314
- textDecoration: 'underline'
314
+ textDecoration: "underline",
315
315
  },
316
316
  visited: {
317
317
  color: colors.primary1,
318
- textDecoration: 'none'
319
- }
320
- }
318
+ textDecoration: "none",
319
+ },
320
+ },
321
321
  },
322
322
  bottomFooter: {
323
323
  color: colors.greyscale1,
@@ -326,52 +326,52 @@ var DefaultThemeSFUI = function (colors) {
326
326
  links: {
327
327
  static: {
328
328
  color: colors.primary1,
329
- textDecoration: 'none'
329
+ textDecoration: "none",
330
330
  },
331
331
  hover: {
332
332
  color: colors.primary1,
333
- textDecoration: 'underline'
333
+ textDecoration: "underline",
334
334
  },
335
335
  clicked: {
336
336
  color: colors.primary1,
337
- textDecoration: 'underline'
337
+ textDecoration: "underline",
338
338
  },
339
339
  visited: {
340
340
  color: colors.primary1,
341
- textDecoration: 'none'
342
- }
343
- }
341
+ textDecoration: "none",
342
+ },
343
+ },
344
344
  },
345
345
  bottomFooterNavHeaderLink: {
346
346
  color: colors.greyscale6,
347
347
  hoverColor: colors.greyscale6,
348
- backgroundColor: 'transparent',
348
+ backgroundColor: "transparent",
349
349
  links: {
350
350
  static: {
351
351
  color: colors.primary1,
352
- textDecoration: 'none'
352
+ textDecoration: "none",
353
353
  },
354
354
  hover: {
355
355
  color: colors.primary1,
356
- textDecoration: 'underline'
356
+ textDecoration: "underline",
357
357
  },
358
358
  clicked: {
359
359
  color: colors.primary1,
360
- textDecoration: 'underline'
360
+ textDecoration: "underline",
361
361
  },
362
362
  visited: {
363
363
  color: colors.primary1,
364
- textDecoration: 'none'
365
- }
366
- }
364
+ textDecoration: "none",
365
+ },
366
+ },
367
367
  },
368
368
  mediaIcons: {
369
- color: colors.greyscale5
370
- }
369
+ color: colors.greyscale5,
370
+ },
371
371
  },
372
372
  orderConfirmation: {
373
373
  iconColor: colors.greyscale1,
374
- backgroundColor: colors.successLight
374
+ backgroundColor: colors.successLight,
375
375
  },
376
376
  minimalHeader: {
377
377
  desktop: {
@@ -382,21 +382,21 @@ var DefaultThemeSFUI = function (colors) {
382
382
  links: {
383
383
  static: {
384
384
  color: colors.primary1,
385
- textDecoration: 'none'
385
+ textDecoration: "none",
386
386
  },
387
387
  hover: {
388
388
  color: colors.primary1,
389
- textDecoration: 'underline'
389
+ textDecoration: "underline",
390
390
  },
391
391
  clicked: {
392
392
  color: colors.primary1,
393
- textDecoration: 'underline'
393
+ textDecoration: "underline",
394
394
  },
395
395
  visited: {
396
396
  color: colors.primary1,
397
- textDecoration: 'none'
398
- }
399
- }
397
+ textDecoration: "none",
398
+ },
399
+ },
400
400
  },
401
401
  mobile: {
402
402
  color: colors.secondary1,
@@ -406,218 +406,218 @@ var DefaultThemeSFUI = function (colors) {
406
406
  links: {
407
407
  static: {
408
408
  color: colors.primary1,
409
- textDecoration: 'none'
409
+ textDecoration: "none",
410
410
  },
411
411
  hover: {
412
412
  color: colors.primary1,
413
- textDecoration: 'underline'
413
+ textDecoration: "underline",
414
414
  },
415
415
  clicked: {
416
416
  color: colors.primary1,
417
- textDecoration: 'underline'
417
+ textDecoration: "underline",
418
418
  },
419
419
  visited: {
420
420
  color: colors.primary1,
421
- textDecoration: 'none'
422
- }
423
- }
424
- }
421
+ textDecoration: "none",
422
+ },
423
+ },
424
+ },
425
425
  },
426
426
  subHeaderBoxes: {
427
427
  backgroundColor: colors.greyscale2,
428
428
  color: colors.greyscale5,
429
- contentBorder: colors.greyscale2
429
+ contentBorder: colors.greyscale2,
430
430
  },
431
431
  breadcrumb: {
432
- textTransform: 'capitalize',
432
+ textTransform: "capitalize",
433
433
  backgroundColor: colors.greyscale2,
434
434
  color: colors.primary1,
435
435
  activeColor: colors.greyscale6,
436
- backIconColor: colors.greyscale4
436
+ backIconColor: colors.greyscale4,
437
437
  },
438
438
  breadcrumbTitle: {
439
- textTransform: 'capitalize',
439
+ textTransform: "capitalize",
440
440
  backgroundColor: colors.greyscale2,
441
441
  color: colors.primary1,
442
442
  activeColor: colors.greyscale6,
443
- backIconColor: colors.greyscale4
443
+ backIconColor: colors.greyscale4,
444
444
  },
445
445
  payment: {
446
446
  selectedCardBackground: colors.primary5,
447
447
  selectedCardColor: colors.greyscale5,
448
448
  summary: {
449
- listItemBackground: colors.greyscale2
449
+ listItemBackground: colors.greyscale2,
450
450
  },
451
451
  checkoutCards: {
452
- borderRadius: '4px'
453
- }
452
+ borderRadius: "4px",
453
+ },
454
454
  },
455
455
  productPage: {
456
456
  detailsBackgroundColor: colors.greyscale2,
457
457
  badges: {
458
- borderRadius: '4px'
458
+ borderRadius: "4px",
459
459
  },
460
460
  priceReductionColor: colors.alert,
461
461
  previouslyPurchased: {
462
462
  color: colors.greyscale5,
463
- bgColor: colors.primary5
464
- }
463
+ bgColor: colors.primary5,
464
+ },
465
465
  },
466
466
  accountPage: {
467
467
  passwordRequirements: {
468
- backgroundColor: colors.primary5
469
- }
468
+ backgroundColor: colors.primary5,
469
+ },
470
470
  },
471
471
  favorites: {
472
- headerIconStyle: 'FavSolid',
472
+ headerIconStyle: "FavSolid",
473
473
  productColors: {
474
474
  static: {
475
475
  color: colors.greyscale3,
476
- hoverColor: colors.alert
476
+ hoverColor: colors.alert,
477
477
  },
478
478
  active: {
479
479
  color: colors.alert,
480
- hoverColor: colors.alertDark
481
- }
482
- }
480
+ hoverColor: colors.alertDark,
481
+ },
482
+ },
483
483
  },
484
484
  promoBadges: {
485
485
  backgroundColor: {
486
486
  promotion: colors.promotion1,
487
- pointsBasedPromo: colors.promotion2
487
+ pointsBasedPromo: colors.promotion2,
488
488
  },
489
489
  fontWeight: exports.globalTheme.FontWeightBold,
490
490
  color: {
491
491
  promotion: colors.greyscale1,
492
- pointsBasedPromo: colors.greyscale1
493
- }
492
+ pointsBasedPromo: colors.greyscale1,
493
+ },
494
494
  },
495
495
  loyaltyCard: {
496
496
  backgroundColor: colors.primary5,
497
497
  borderColor: colors.primary5,
498
- borderRadius: '16px',
498
+ borderRadius: "16px",
499
499
  cardTextColor: colors.greyscale5,
500
500
  dimensions: {
501
501
  width: 325,
502
- height: 190
502
+ height: 190,
503
503
  },
504
504
  input: {
505
- borderRadius: '4px',
505
+ borderRadius: "4px",
506
506
  backgroundColor: colors.greyscale1,
507
507
  borderColor: colors.greyscale3,
508
508
  idFields: {
509
509
  staticBorder: colors.greyscale4,
510
510
  hoverBorder: colors.greyscale5,
511
511
  activeBorder: colors.primary1,
512
- errorBorder: colors.alert
513
- }
512
+ errorBorder: colors.alert,
513
+ },
514
514
  },
515
515
  infoList: {
516
516
  color: colors.greyscale4,
517
- borderColor: colors.greyscale2
518
- }
517
+ borderColor: colors.greyscale2,
518
+ },
519
519
  },
520
520
  typography: {
521
521
  webFonts: [
522
- 'https://fonts.googleapis.com/css?family=Cabin:400,400i,700,700i&display=swap'
522
+ "https://fonts.googleapis.com/css?family=Cabin:400,400i,700,700i&display=swap",
523
523
  ],
524
524
  embeddedFonts: [],
525
525
  weights: {
526
526
  normal: exports.globalTheme.FontWeight,
527
- bold: exports.globalTheme.FontWeightBold
527
+ bold: exports.globalTheme.FontWeightBold,
528
528
  },
529
529
  text: {
530
530
  body: {
531
531
  color: colors.greyscale6,
532
532
  fontFamily: exports.globalTheme.FontFamily,
533
- fontSize: '1rem',
533
+ fontSize: "1rem",
534
534
  fontWeight: exports.globalTheme.FontWeight,
535
- capitalization: 'none',
536
- lineHeight: '1.1875rem',
537
- letterSpacing: 'normal'
535
+ capitalization: "none",
536
+ lineHeight: "1.1875rem",
537
+ letterSpacing: "normal",
538
538
  },
539
539
  fontXS: {
540
540
  fontFamily: exports.globalTheme.FontFamily,
541
- fontSize: '0.75rem',
541
+ fontSize: "0.75rem",
542
542
  fontWeight: exports.globalTheme.FontWeight,
543
- capitalization: 'none',
544
- lineHeight: '0.9375rem',
545
- letterSpacing: 'normal'
543
+ capitalization: "none",
544
+ lineHeight: "0.9375rem",
545
+ letterSpacing: "normal",
546
546
  },
547
547
  fontSM: {
548
548
  fontFamily: exports.globalTheme.FontFamily,
549
- fontSize: '0.875rem',
549
+ fontSize: "0.875rem",
550
550
  fontWeight: exports.globalTheme.FontWeightBold,
551
- capitalization: 'none',
552
- lineHeight: '1rem',
553
- letterSpacing: 'normal'
551
+ capitalization: "none",
552
+ lineHeight: "1rem",
553
+ letterSpacing: "normal",
554
554
  },
555
555
  fontMD: {
556
556
  fontFamily: exports.globalTheme.FontFamily,
557
- fontSize: '1rem',
557
+ fontSize: "1rem",
558
558
  fontWeight: exports.globalTheme.FontWeightBold,
559
- capitalization: 'none',
560
- lineHeight: '1.1875rem',
561
- letterSpacing: 'normal'
559
+ capitalization: "none",
560
+ lineHeight: "1.1875rem",
561
+ letterSpacing: "normal",
562
562
  },
563
563
  fontLG: {
564
564
  fontFamily: exports.globalTheme.HeadlineFontFamily,
565
- fontSize: '1.5rem',
565
+ fontSize: "1.5rem",
566
566
  fontWeight: exports.globalTheme.HeadlineFontWeight,
567
- capitalization: 'none',
568
- lineHeight: '1.8125rem',
569
- letterSpacing: 'normal'
567
+ capitalization: "none",
568
+ lineHeight: "1.8125rem",
569
+ letterSpacing: "normal",
570
570
  },
571
571
  fontXL: {
572
572
  fontFamily: exports.globalTheme.HeadlineFontFamily,
573
- fontSize: '2rem',
573
+ fontSize: "2rem",
574
574
  fontWeight: exports.globalTheme.HeadlineFontWeight,
575
- capitalization: 'none',
576
- lineHeight: '2.4375rem',
577
- letterSpacing: 'normal'
578
- }
575
+ capitalization: "none",
576
+ lineHeight: "2.4375rem",
577
+ letterSpacing: "normal",
578
+ },
579
579
  },
580
580
  links: {
581
581
  static: {
582
582
  color: colors.primary1,
583
- textDecoration: 'none'
583
+ textDecoration: "none",
584
584
  },
585
585
  hover: {
586
586
  color: colors.primary1,
587
- textDecoration: 'underline'
587
+ textDecoration: "underline",
588
588
  },
589
589
  clicked: {
590
590
  color: colors.primary1,
591
- textDecoration: 'underline'
591
+ textDecoration: "underline",
592
592
  },
593
593
  visited: {
594
594
  color: colors.primary1,
595
- textDecoration: 'none'
596
- }
597
- }
595
+ textDecoration: "none",
596
+ },
597
+ },
598
598
  },
599
599
  buttonLinks: { color: colors.primary1 },
600
600
  buttons: {
601
601
  globalThemeBorderRadius: exports.globalTheme.BorderRadius,
602
602
  globalThemeFontWeight: exports.globalTheme.FontWeightBold,
603
603
  globalThemeFontFamily: exports.globalTheme.FontFamily,
604
- iconPosition: 'left',
604
+ iconPosition: "left",
605
605
  miniCart: {
606
- minicartContentPadding: 0,
607
- textTransform: 'capitalize',
608
- backgroundColor: 'none',
606
+ minicartContentPadding: { bottom: "", left: "", right: "", top: "" },
607
+ textTransform: "capitalize",
608
+ backgroundColor: "none",
609
609
  borderRadius: exports.globalTheme.BorderRadius,
610
610
  activeBackgroundColor: colors.secondary1,
611
611
  hoverBackgroundColor: colors.secondary5,
612
612
  tabletSettings: {
613
613
  enabled: false,
614
- backgroundColor: '',
615
- backgroundColorHover: '',
616
- iconColor: '',
617
- iconColorHover: '',
614
+ backgroundColor: "",
615
+ backgroundColorHover: "",
616
+ iconColor: "",
617
+ iconColorHover: "",
618
618
  showText: false,
619
- textColor: '',
620
- textColorHover: ''
619
+ textColor: "",
620
+ textColorHover: "",
621
621
  },
622
622
  color: colors.secondary1,
623
623
  activeColor: colors.greyscale1,
@@ -625,266 +625,266 @@ var DefaultThemeSFUI = function (colors) {
625
625
  iconColor: colors.secondary1,
626
626
  activeIconColor: colors.greyscale1,
627
627
  mobileIconColor: colors.secondary1,
628
- tabletIconColor: 'none',
629
- desktopIconSize: '16px',
630
- mobileIconSize: '24px'
628
+ tabletIconColor: "none",
629
+ desktopIconSize: "16px",
630
+ mobileIconSize: "24px",
631
631
  },
632
632
  primary: {
633
633
  borderRadius: exports.globalTheme.BorderRadius,
634
634
  fontWeight: exports.globalTheme.FontWeightBold,
635
- textTransform: 'none',
635
+ textTransform: "none",
636
636
  static: {
637
637
  bgColor: colors.primary1,
638
638
  borderColor: colors.primary1,
639
639
  color: colors.greyscale1,
640
- iconColor: colors.greyscale1
640
+ iconColor: colors.greyscale1,
641
641
  },
642
642
  hover: {
643
643
  bgColor: colors.primary2,
644
644
  borderColor: colors.primary2,
645
645
  color: colors.greyscale1,
646
- iconColor: colors.greyscale1
646
+ iconColor: colors.greyscale1,
647
647
  },
648
648
  clicked: {
649
649
  bgColor: colors.primary3,
650
650
  borderColor: colors.primary3,
651
651
  color: colors.greyscale1,
652
- iconColor: colors.greyscale1
652
+ iconColor: colors.greyscale1,
653
653
  },
654
654
  disabled: {
655
655
  bgColor: colors.primary4,
656
656
  borderColor: colors.primary4,
657
657
  color: colors.greyscale1,
658
- iconColor: colors.greyscale3
659
- }
658
+ iconColor: colors.greyscale3,
659
+ },
660
660
  },
661
661
  primaryLight: {
662
662
  borderRadius: exports.globalTheme.BorderRadius,
663
663
  fontWeight: exports.globalTheme.FontWeightBold,
664
- textTransform: 'none',
664
+ textTransform: "none",
665
665
  static: {
666
666
  bgColor: colors.greyscale1,
667
667
  borderColor: colors.greyscale1,
668
668
  color: colors.primary1,
669
- iconColor: colors.primary1
669
+ iconColor: colors.primary1,
670
670
  },
671
671
  hover: {
672
672
  bgColor: colors.greyscale1,
673
673
  borderColor: colors.greyscale1,
674
674
  color: colors.primary2,
675
- iconColor: colors.primary2
675
+ iconColor: colors.primary2,
676
676
  },
677
677
  clicked: {
678
678
  bgColor: colors.greyscale1,
679
679
  borderColor: colors.greyscale1,
680
680
  color: colors.primary3,
681
- iconColor: colors.primary3
681
+ iconColor: colors.primary3,
682
682
  },
683
683
  disabled: {
684
684
  bgColor: colors.greyscale1,
685
685
  borderColor: colors.greyscale1,
686
686
  color: colors.greyscale3,
687
- iconColor: colors.greyscale3
688
- }
687
+ iconColor: colors.greyscale3,
688
+ },
689
689
  },
690
690
  secondary: {
691
691
  borderRadius: exports.globalTheme.BorderRadius,
692
692
  fontWeight: exports.globalTheme.FontWeightBold,
693
- textTransform: 'none',
693
+ textTransform: "none",
694
694
  static: {
695
695
  bgColor: colors.greyscale1,
696
696
  borderColor: colors.primary1,
697
697
  color: colors.primary1,
698
- iconColor: colors.primary1
698
+ iconColor: colors.primary1,
699
699
  },
700
700
  hover: {
701
701
  bgColor: colors.primary1,
702
702
  borderColor: colors.primary1,
703
703
  color: colors.greyscale1,
704
- iconColor: colors.greyscale1
704
+ iconColor: colors.greyscale1,
705
705
  },
706
706
  clicked: {
707
707
  bgColor: colors.primary2,
708
708
  borderColor: colors.primary2,
709
709
  color: colors.greyscale1,
710
- iconColor: colors.greyscale1
710
+ iconColor: colors.greyscale1,
711
711
  },
712
712
  disabled: {
713
713
  bgColor: colors.greyscale1,
714
714
  borderColor: colors.greyscale3,
715
715
  color: colors.greyscale3,
716
- iconColor: colors.greyscale3
717
- }
716
+ iconColor: colors.greyscale3,
717
+ },
718
718
  },
719
719
  secondaryLight: {
720
720
  borderRadius: exports.globalTheme.BorderRadius,
721
721
  fontWeight: exports.globalTheme.FontWeightBold,
722
- textTransform: 'none',
722
+ textTransform: "none",
723
723
  static: {
724
- bgColor: 'transparent',
724
+ bgColor: "transparent",
725
725
  borderColor: colors.greyscale1,
726
726
  color: colors.greyscale1,
727
- iconColor: colors.greyscale1
727
+ iconColor: colors.greyscale1,
728
728
  },
729
729
  hover: {
730
730
  bgColor: colors.greyscale1,
731
731
  borderColor: colors.greyscale1,
732
732
  color: colors.primary1,
733
- iconColor: colors.primary1
733
+ iconColor: colors.primary1,
734
734
  },
735
735
  clicked: {
736
736
  bgColor: colors.primary2,
737
737
  borderColor: colors.greyscale1,
738
738
  color: colors.greyscale1,
739
- iconColor: colors.greyscale1
739
+ iconColor: colors.greyscale1,
740
740
  },
741
741
  disabled: {
742
- bgColor: 'transparent',
742
+ bgColor: "transparent",
743
743
  borderColor: colors.greyscale3,
744
744
  color: colors.greyscale3,
745
- iconColor: colors.greyscale3
746
- }
745
+ iconColor: colors.greyscale3,
746
+ },
747
747
  },
748
748
  tertiary: {
749
749
  borderRadius: exports.globalTheme.BorderRadius,
750
750
  fontWeight: exports.globalTheme.FontWeightBold,
751
- textTransform: 'none',
751
+ textTransform: "none",
752
752
  static: {
753
753
  bgColor: colors.tertiary1,
754
754
  borderColor: colors.tertiary1,
755
755
  color: colors.greyscale5,
756
- iconColor: colors.greyscale5
756
+ iconColor: colors.greyscale5,
757
757
  },
758
758
  hover: {
759
759
  bgColor: colors.tertiary1,
760
760
  borderColor: colors.tertiary1,
761
761
  color: colors.primary1,
762
- iconColor: colors.primary1
762
+ iconColor: colors.primary1,
763
763
  },
764
764
  clicked: {
765
765
  bgColor: colors.tertiary1,
766
766
  borderColor: colors.primary1,
767
767
  color: colors.primary1,
768
- iconColor: colors.primary1
768
+ iconColor: colors.primary1,
769
769
  },
770
770
  disabled: {
771
771
  bgColor: colors.greyscale2,
772
772
  borderColor: colors.greyscale2,
773
773
  color: colors.greyscale3,
774
- iconColor: colors.greyscale1
775
- }
774
+ iconColor: colors.greyscale1,
775
+ },
776
776
  },
777
777
  checkout: {
778
778
  borderRadius: exports.globalTheme.BorderRadius,
779
779
  fontWeight: exports.globalTheme.FontWeightBold,
780
780
  iconColor: colors.greyscale5,
781
- textTransform: 'none',
781
+ textTransform: "none",
782
782
  static: {
783
783
  bgColor: colors.secondary1,
784
784
  borderColor: colors.secondary1,
785
- color: colors.greyscale1
785
+ color: colors.greyscale1,
786
786
  },
787
787
  hover: {
788
788
  bgColor: colors.secondary2,
789
789
  borderColor: colors.secondary2,
790
- color: colors.greyscale1
790
+ color: colors.greyscale1,
791
791
  },
792
792
  clicked: {
793
793
  bgColor: colors.secondary3,
794
794
  borderColor: colors.secondary3,
795
- color: colors.greyscale1
795
+ color: colors.greyscale1,
796
796
  },
797
797
  disabled: {
798
798
  bgColor: colors.secondary4,
799
799
  borderColor: colors.secondary4,
800
- color: colors.greyscale1
801
- }
800
+ color: colors.greyscale1,
801
+ },
802
802
  },
803
803
  quantityStepper: {
804
804
  borderColor: colors.greyscale3,
805
805
  borderRadius: exports.globalTheme.BorderRadius,
806
- textTransform: 'none',
806
+ textTransform: "none",
807
807
  numericInput: {
808
808
  fontWeight: exports.globalTheme.FontWeightBold,
809
- fontSize: '0.875rem',
810
- letterSpacing: 'normal',
811
- lineHeight: '1.1875rem',
809
+ fontSize: "0.875rem",
810
+ letterSpacing: "normal",
811
+ lineHeight: "1.1875rem",
812
812
  static: {
813
813
  bgColor: colors.greyscale1,
814
- color: colors.greyscale5
814
+ color: colors.greyscale5,
815
815
  },
816
816
  focused: {
817
817
  bgColor: colors.primary5,
818
- color: colors.greyscale5
819
- }
818
+ color: colors.greyscale5,
819
+ },
820
820
  },
821
821
  plusMinusButtons: {
822
822
  plusMinusIconBgColor: colors.greyscale1,
823
- plusMinusIconColor: colors.primary1
824
- }
823
+ plusMinusIconColor: colors.primary1,
824
+ },
825
825
  },
826
826
  coupon: {
827
827
  borderRadius: exports.globalTheme.BorderRadius,
828
- borderStyle: 'dashed',
828
+ borderStyle: "dashed",
829
829
  fontWeight: exports.globalTheme.FontWeightBold,
830
830
  static: {
831
831
  bgColor: colors.greyscale1,
832
832
  borderColor: colors.greyscale3,
833
833
  color: colors.greyscale5,
834
- couponIconColor: colors.primary1
834
+ couponIconColor: colors.primary1,
835
835
  },
836
836
  hover: {
837
837
  bgColor: colors.greyscale1,
838
838
  borderColor: colors.greyscale3,
839
839
  color: colors.greyscale5,
840
- couponIconColor: colors.primary1
840
+ couponIconColor: colors.primary1,
841
841
  },
842
842
  clicked: {
843
843
  bgColor: colors.greyscale1,
844
844
  borderColor: colors.greyscale3,
845
845
  color: colors.greyscale5,
846
- couponIconColor: colors.primary1
846
+ couponIconColor: colors.primary1,
847
847
  },
848
848
  clipped: {
849
849
  bgColor: colors.greyscale1,
850
850
  borderColor: colors.greyscale3,
851
851
  color: colors.greyscale5,
852
852
  clippedIconColor: colors.success,
853
- couponIconColor: colors.greyscale5
854
- }
853
+ couponIconColor: colors.greyscale5,
854
+ },
855
855
  },
856
856
  addToCart: {
857
857
  borderRadius: exports.globalTheme.BorderRadius,
858
858
  fontWeight: exports.globalTheme.FontWeightBold,
859
- textTransform: 'none',
859
+ textTransform: "none",
860
860
  static: {
861
861
  bgColor: colors.primary1,
862
862
  borderColor: colors.primary1,
863
863
  color: colors.greyscale1,
864
- iconColor: colors.secondary1
864
+ iconColor: colors.secondary1,
865
865
  },
866
866
  hover: {
867
867
  bgColor: colors.primary2,
868
868
  borderColor: colors.primary1,
869
869
  color: colors.greyscale1,
870
- iconColor: colors.greyscale1
870
+ iconColor: colors.greyscale1,
871
871
  },
872
872
  clicked: {
873
873
  bgColor: colors.primary3,
874
874
  borderColor: colors.primary2,
875
875
  color: colors.greyscale1,
876
- iconColor: colors.greyscale1
876
+ iconColor: colors.greyscale1,
877
877
  },
878
878
  disabled: {
879
879
  bgColor: colors.primary4,
880
880
  borderColor: colors.primary4,
881
881
  color: colors.greyscale1,
882
- iconColor: colors.greyscale3
883
- }
882
+ iconColor: colors.greyscale3,
883
+ },
884
884
  },
885
885
  pills: {
886
- borderRadius: '500px',
887
- textTransform: 'none',
886
+ borderRadius: "500px",
887
+ textTransform: "none",
888
888
  active: {
889
889
  fontWeight: exports.globalTheme.FontWeightBold,
890
890
  fontWeightHover: exports.globalTheme.FontWeightBold,
@@ -894,9 +894,9 @@ var DefaultThemeSFUI = function (colors) {
894
894
  backgroundColor: colors.primary5,
895
895
  borderColor: colors.primary1,
896
896
  borderColorSelected: colors.primary1,
897
- textDecoration: 'none',
898
- textDecorationHover: 'underline',
899
- padding: '4px 16px'
897
+ textDecoration: "none",
898
+ textDecorationHover: "underline",
899
+ padding: "4px 16px",
900
900
  },
901
901
  small: {
902
902
  fontWeight: exports.globalTheme.FontWeightBold,
@@ -907,9 +907,9 @@ var DefaultThemeSFUI = function (colors) {
907
907
  backgroundColor: colors.primary5,
908
908
  borderColor: colors.primary5,
909
909
  borderColorSelected: colors.primary1,
910
- textDecoration: 'none',
911
- textDecorationHover: 'underline',
912
- padding: '2px 8px'
910
+ textDecoration: "none",
911
+ textDecorationHover: "underline",
912
+ padding: "2px 8px",
913
913
  },
914
914
  regular: {
915
915
  fontWeight: exports.globalTheme.FontWeight,
@@ -920,14 +920,14 @@ var DefaultThemeSFUI = function (colors) {
920
920
  backgroundColor: colors.greyscale1,
921
921
  borderColor: colors.greyscale3,
922
922
  borderColorSelected: colors.primary1,
923
- textDecoration: 'none',
924
- textDecorationHover: 'underline',
925
- padding: '4px 16px'
926
- }
923
+ textDecoration: "none",
924
+ textDecorationHover: "underline",
925
+ padding: "4px 16px",
926
+ },
927
927
  },
928
928
  facets: {
929
- borderRadius: '500px',
930
- textTransform: 'none',
929
+ borderRadius: "500px",
930
+ textTransform: "none",
931
931
  fontWeight: 400,
932
932
  active: {
933
933
  iconColor: colors.greyscale6,
@@ -939,9 +939,9 @@ var DefaultThemeSFUI = function (colors) {
939
939
  backgroundColor: colors.primary5,
940
940
  borderColor: colors.primary1,
941
941
  borderColorSelected: colors.primary1,
942
- textDecoration: 'none',
943
- textDecorationHover: 'underline',
944
- padding: '4px 16px'
942
+ textDecoration: "none",
943
+ textDecorationHover: "underline",
944
+ padding: "4px 16px",
945
945
  },
946
946
  small: {
947
947
  iconColor: colors.greyscale6,
@@ -953,9 +953,9 @@ var DefaultThemeSFUI = function (colors) {
953
953
  backgroundColor: colors.primary5,
954
954
  borderColor: colors.primary5,
955
955
  borderColorSelected: colors.primary1,
956
- textDecoration: 'none',
957
- textDecorationHover: 'underline',
958
- padding: '2px 8px'
956
+ textDecoration: "none",
957
+ textDecorationHover: "underline",
958
+ padding: "2px 8px",
959
959
  },
960
960
  regular: {
961
961
  iconColor: colors.greyscale6,
@@ -967,29 +967,29 @@ var DefaultThemeSFUI = function (colors) {
967
967
  backgroundColor: colors.greyscale1,
968
968
  borderColor: colors.greyscale3,
969
969
  borderColorSelected: colors.primary1,
970
- textDecoration: 'none',
971
- textDecorationHover: 'underline',
972
- padding: '4px 16px'
973
- }
970
+ textDecoration: "none",
971
+ textDecorationHover: "underline",
972
+ padding: "4px 16px",
973
+ },
974
974
  },
975
975
  sliderArrows: {
976
976
  backgroundColor: colors.greyscale2,
977
977
  sideBorderColor: colors.greyscale3,
978
- iconColor: colors.greyscale4
978
+ iconColor: colors.greyscale4,
979
979
  },
980
980
  filterSort: {
981
981
  color: colors.primary1,
982
982
  hoverColor: colors.primary2,
983
- borderRadius: exports.globalTheme.BorderRadius
983
+ borderRadius: exports.globalTheme.BorderRadius,
984
984
  },
985
985
  activeAddress: {
986
986
  backgroundColor: colors.primary3,
987
- borderColor: colors.primary3
987
+ borderColor: colors.primary3,
988
988
  },
989
989
  timeSlotPaginationDay: {
990
990
  selected: {
991
- backgroundColor: colors.tertiary1
992
- }
991
+ backgroundColor: colors.tertiary1,
992
+ },
993
993
  },
994
994
  paginationNumber: {
995
995
  static: {
@@ -1015,20 +1015,20 @@ var DefaultThemeSFUI = function (colors) {
1015
1015
  carouselPagination: {
1016
1016
  dotBackground: colors.greyscale3,
1017
1017
  activeDotBackground: colors.primary1,
1018
- wrapperBackground: 'transparent',
1019
- wrapperHeight: '24px'
1018
+ wrapperBackground: "transparent",
1019
+ wrapperHeight: "24px",
1020
1020
  },
1021
1021
  carouselArrows: {
1022
- borderRadius: '50%',
1023
- backgroundColor: 'rgba(146, 146, 146, 0.5)',
1022
+ borderRadius: "50%",
1023
+ backgroundColor: "rgba(146, 146, 146, 0.5)",
1024
1024
  activeBackgroundColor: colors.greyscale4,
1025
1025
  iconColor: colors.greyscale1,
1026
- buttonDimension: 56
1027
- }
1026
+ buttonDimension: 56,
1027
+ },
1028
1028
  },
1029
1029
  modal: {
1030
1030
  header: {
1031
- mobileBackgroundColor: colors.greyscale2
1031
+ mobileBackgroundColor: colors.greyscale2,
1032
1032
  },
1033
1033
  storeIcon: {
1034
1034
  bgColor: colors.tertiary1,
@@ -1036,121 +1036,121 @@ var DefaultThemeSFUI = function (colors) {
1036
1036
  color: colors.greyscale5,
1037
1037
  hoverBGColor: colors.tertiary1,
1038
1038
  hoverBorderColor: colors.tertiary1,
1039
- iconColor: colors.greyscale6
1040
- }
1039
+ iconColor: colors.greyscale6,
1040
+ },
1041
1041
  },
1042
1042
  selectedOption: {
1043
- bgColor: colors.successLight
1043
+ bgColor: colors.successLight,
1044
1044
  },
1045
1045
  input: {
1046
- borderRadius: '4px',
1046
+ borderRadius: "4px",
1047
1047
  static: {
1048
1048
  bgColor: colors.greyscale1,
1049
1049
  borderColor: colors.greyscale3,
1050
1050
  color: colors.greyscale4,
1051
- placeholderColor: colors.greyscale4
1051
+ placeholderColor: colors.greyscale4,
1052
1052
  },
1053
1053
  hover: {
1054
1054
  bgColor: colors.greyscale1,
1055
1055
  borderColor: colors.greyscale3,
1056
1056
  color: colors.greyscale6,
1057
- placeholderColor: colors.greyscale4
1057
+ placeholderColor: colors.greyscale4,
1058
1058
  },
1059
1059
  focus: {
1060
1060
  bgColor: colors.tertiary1,
1061
1061
  borderColor: colors.primary1,
1062
1062
  color: colors.greyscale5,
1063
- placeholderColor: colors.greyscale5
1063
+ placeholderColor: colors.greyscale5,
1064
1064
  },
1065
1065
  disabled: {
1066
1066
  bgColor: colors.greyscale2,
1067
1067
  borderColor: colors.greyscale3,
1068
1068
  color: colors.greyscale4,
1069
- placeholderColor: colors.greyscale2
1070
- }
1069
+ placeholderColor: colors.greyscale2,
1070
+ },
1071
1071
  },
1072
1072
  productGrid: {
1073
- borderColor: colors.greyscale2
1073
+ borderColor: colors.greyscale2,
1074
1074
  },
1075
1075
  logoHeight: {
1076
1076
  header: {
1077
- desktop: '34px',
1078
- tablet: '30px',
1079
- mobile: '26px'
1077
+ desktop: "34px",
1078
+ tablet: "30px",
1079
+ mobile: "26px",
1080
1080
  },
1081
1081
  modal: {
1082
- desktop: '34px',
1083
- tablet: '30px',
1084
- mobile: '30px'
1082
+ desktop: "34px",
1083
+ tablet: "30px",
1084
+ mobile: "30px",
1085
1085
  },
1086
1086
  content: {
1087
- desktop: '34px',
1088
- tablet: '30px',
1089
- mobile: '26px'
1090
- }
1087
+ desktop: "34px",
1088
+ tablet: "30px",
1089
+ mobile: "26px",
1090
+ },
1091
1091
  },
1092
1092
  globalAnimations: {
1093
1093
  confettiAnimation: {
1094
1094
  successModals: {
1095
- colors: []
1096
- }
1097
- }
1095
+ colors: [],
1096
+ },
1097
+ },
1098
1098
  },
1099
1099
  metadata: [
1100
- { name: 'msapplication-TileColor', content: '#ffffff' },
1100
+ { name: "msapplication-TileColor", content: "#ffffff" },
1101
1101
  {
1102
- name: 'msapplication-TileImage',
1103
- content: "/favicons/ms-icon-144x144.png"
1102
+ name: "msapplication-TileImage",
1103
+ content: "/favicons/ms-icon-144x144.png",
1104
1104
  },
1105
- { name: 'theme-color', content: '#ffffff' }
1105
+ { name: "theme-color", content: "#ffffff" },
1106
1106
  ],
1107
- scripts: {}
1107
+ scripts: {},
1108
1108
  });
1109
1109
  };
1110
1110
  exports.default = DefaultThemeSFUI;
1111
1111
  exports.globalTheme = {
1112
- BorderRadius: '4px',
1113
- FontFamily: 'Cabin, sans-serif',
1114
- baseFontSize: '16px',
1112
+ BorderRadius: "4px",
1113
+ FontFamily: "Cabin, sans-serif",
1114
+ baseFontSize: "16px",
1115
1115
  FontWeight: 400,
1116
1116
  FontWeightBold: 700,
1117
- bodyFontColor: '#111111',
1118
- HeadlineFontFamily: 'Cabin, sans-serif',
1117
+ bodyFontColor: "#111111",
1118
+ HeadlineFontFamily: "Cabin, sans-serif",
1119
1119
  HeadlineFontWeight: 700,
1120
- bodyBackgroundColor: '#f3f4f6'
1120
+ bodyBackgroundColor: "#f3f4f6",
1121
1121
  };
1122
1122
  exports.DefaultThemeColors = {
1123
- primary1: '#016abc',
1124
- primary2: '#004f8c',
1125
- primary3: '#002a4b',
1126
- primary4: '#80b4dd',
1127
- primary5: '#e6f0f8',
1128
- secondary1: '#d83A22',
1129
- secondary2: '#aa2003',
1130
- secondary3: '#5b1102',
1131
- secondary4: '#f19582',
1132
- secondary5: '#fceae6',
1133
- tertiary1: '#e6f0f8',
1134
- tertiary2: '#fcefe6',
1135
- tertiary3: '#09448A',
1136
- tertiary4: '',
1137
- tertiary5: '',
1138
- promotion1: '#bc3e31',
1139
- promotion2: '#09448A',
1140
- success: '#4fbf76',
1141
- successDark: '#2e7c49',
1142
- successLight: '#e6f6ec',
1143
- warn: '#fcc260',
1144
- warnDark: '#8f7344',
1145
- warnLight: '#fff6e6',
1146
- alert: '#bc3e31',
1147
- alertDark: '#8c2e24',
1148
- alertLight: '#ffe5e2',
1149
- greyscale1: '#ffffff',
1150
- greyscale2: '#f3f4f6',
1151
- greyscale3: '#ccced0',
1152
- greyscale4: '#71777b',
1153
- greyscale5: '#40464b',
1154
- greyscale6: '#111111',
1155
- greyscale7: '#31363A'
1123
+ primary1: "#016abc",
1124
+ primary2: "#004f8c",
1125
+ primary3: "#002a4b",
1126
+ primary4: "#80b4dd",
1127
+ primary5: "#e6f0f8",
1128
+ secondary1: "#d83A22",
1129
+ secondary2: "#aa2003",
1130
+ secondary3: "#5b1102",
1131
+ secondary4: "#f19582",
1132
+ secondary5: "#fceae6",
1133
+ tertiary1: "#e6f0f8",
1134
+ tertiary2: "#fcefe6",
1135
+ tertiary3: "#09448A",
1136
+ tertiary4: "",
1137
+ tertiary5: "",
1138
+ promotion1: "#bc3e31",
1139
+ promotion2: "#09448A",
1140
+ success: "#4fbf76",
1141
+ successDark: "#2e7c49",
1142
+ successLight: "#e6f6ec",
1143
+ warn: "#fcc260",
1144
+ warnDark: "#8f7344",
1145
+ warnLight: "#fff6e6",
1146
+ alert: "#bc3e31",
1147
+ alertDark: "#8c2e24",
1148
+ alertLight: "#ffe5e2",
1149
+ greyscale1: "#ffffff",
1150
+ greyscale2: "#f3f4f6",
1151
+ greyscale3: "#ccced0",
1152
+ greyscale4: "#71777b",
1153
+ greyscale5: "#40464b",
1154
+ greyscale6: "#111111",
1155
+ greyscale7: "#31363A",
1156
1156
  };