@sunrise-upc/sales-static-components 3.8.4 → 3.8.5

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 (47) hide show
  1. package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.css +1 -1
  2. package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css +1 -1
  3. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.css +4 -4
  4. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  5. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  6. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.module.scss.css +4 -4
  7. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js +1 -1
  8. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js.map +1 -1
  9. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js +1 -1
  10. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js.map +1 -1
  11. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.css +15 -0
  12. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.js +1 -1
  13. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.js.map +1 -1
  14. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss.css +15 -0
  15. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss.js +1 -1
  16. package/dist/cjs/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js +1 -1
  17. package/dist/cjs/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js.map +1 -1
  18. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.css +30 -0
  19. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.js +1 -1
  20. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.js.map +1 -1
  21. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss.css +30 -0
  22. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss.js +1 -1
  23. package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.css +1 -1
  24. package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css +1 -1
  25. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.css +4 -4
  26. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  27. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  28. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.module.scss.css +4 -4
  29. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js +1 -1
  30. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js.map +1 -1
  31. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js +1 -1
  32. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js.map +1 -1
  33. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.css +15 -0
  34. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.js +1 -1
  35. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.js.map +1 -1
  36. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss.css +15 -0
  37. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss.js +1 -1
  38. package/dist/esm/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js +1 -1
  39. package/dist/esm/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js.map +1 -1
  40. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.css +30 -0
  41. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.js +1 -1
  42. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.js.map +1 -1
  43. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss.css +30 -0
  44. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss.js +1 -1
  45. package/dist/index.d.ts +2 -0
  46. package/dist/navigation.css +253 -208
  47. package/package.json +1 -1
@@ -1,4 +1,39 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
1
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/ResponsiveRow/row.module.scss */
2
+ /* center a block element */
3
+ /* use this to any of the pseudo elements as these are the mandatory properties */
4
+ /* setting styles in separate formats for cross browser support */
5
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
6
+ /* vertically center alilgn any HTML element */
7
+ /* add basePath to assets */
8
+ .row-module__sr-def-row___us1ph {
9
+ margin-left: auto;
10
+ margin-right: auto;
11
+ padding-left: 16px;
12
+ padding-right: 16px;
13
+ max-width: 1308px;
14
+ width: 100%;
15
+ }
16
+ .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
17
+ padding: 0px;
18
+ max-width: 100%;
19
+ }
20
+ @media (min-width: 1024px) and (max-width: 1439px) {
21
+ .row-module__sr-def-row___us1ph {
22
+ max-width: 972px;
23
+ }
24
+ }
25
+ @media (min-width: 768px) and (max-width: 1023px) {
26
+ .row-module__sr-def-row___us1ph {
27
+ max-width: 720px;
28
+ }
29
+ }
30
+ @media (max-width: 767px) {
31
+ .row-module__sr-def-row___us1ph {
32
+ max-width: 100%;
33
+ }
34
+ }
35
+
36
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/MinimizedHeader/MinimizedHeader.module.scss */
2
37
  /* center a block element */
3
38
  /* use this to any of the pseudo elements as these are the mandatory properties */
4
39
  /* setting styles in separate formats for cross browser support */
@@ -132,7 +167,7 @@
132
167
  }
133
168
  }
134
169
 
135
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
170
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
136
171
  /* center a block element */
137
172
  /* use this to any of the pseudo elements as these are the mandatory properties */
138
173
  /* setting styles in separate formats for cross browser support */
@@ -181,7 +216,7 @@
181
216
  padding: 0px;
182
217
  }
183
218
  .FalconMainNavigation-module__container___85E7S a {
184
- color: #3d3935;
219
+ color: #1f1f1f;
185
220
  text-decoration: none;
186
221
  }
187
222
  .FalconMainNavigation-module__container___85E7S a::before {
@@ -198,7 +233,7 @@
198
233
  }
199
234
  }
200
235
  .FalconMainNavigation-module__container___85E7S .sunrise-bold {
201
- color: #86807c;
236
+ color: #1f1f1f;
202
237
  }
203
238
  .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
204
239
  background: #ffffff;
@@ -302,7 +337,7 @@
302
337
  .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
303
338
  font-size: 16px;
304
339
  line-height: 24px;
305
- color: #3d3935;
340
+ color: #1f1f1f;
306
341
  margin: 10px 16px 0 8px;
307
342
  font-weight: 700;
308
343
  cursor: pointer;
@@ -376,7 +411,7 @@
376
411
  }
377
412
 
378
413
  .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
379
- background: #1f1f1f;
414
+ background-color: #1f1f1f;
380
415
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
381
416
  }
382
417
  .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
@@ -408,42 +443,7 @@
408
443
  }
409
444
  }
410
445
 
411
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
412
- /* center a block element */
413
- /* use this to any of the pseudo elements as these are the mandatory properties */
414
- /* setting styles in separate formats for cross browser support */
415
- /* specify the max width for an element and apply ellipses and truncate the overflow */
416
- /* vertically center alilgn any HTML element */
417
- /* add basePath to assets */
418
- .row-module__sr-def-row___us1ph {
419
- margin-left: auto;
420
- margin-right: auto;
421
- padding-left: 16px;
422
- padding-right: 16px;
423
- max-width: 1308px;
424
- width: 100%;
425
- }
426
- .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
427
- padding: 0px;
428
- max-width: 100%;
429
- }
430
- @media (min-width: 1024px) and (max-width: 1439px) {
431
- .row-module__sr-def-row___us1ph {
432
- max-width: 972px;
433
- }
434
- }
435
- @media (min-width: 768px) and (max-width: 1023px) {
436
- .row-module__sr-def-row___us1ph {
437
- max-width: 720px;
438
- }
439
- }
440
- @media (max-width: 767px) {
441
- .row-module__sr-def-row___us1ph {
442
- max-width: 100%;
443
- }
444
- }
445
-
446
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
446
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
447
447
  /* center a block element */
448
448
  /* use this to any of the pseudo elements as these are the mandatory properties */
449
449
  /* setting styles in separate formats for cross browser support */
@@ -485,7 +485,86 @@
485
485
  width: 24px;
486
486
  }
487
487
 
488
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
488
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
489
+ /* center a block element */
490
+ /* use this to any of the pseudo elements as these are the mandatory properties */
491
+ /* setting styles in separate formats for cross browser support */
492
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
493
+ /* vertically center alilgn any HTML element */
494
+ /* add basePath to assets */
495
+ .FalconHeader-module__outer___cpG-W {
496
+ padding: 14px 0 18px;
497
+ }
498
+
499
+ .FalconHeader-module__container___r3bIZ {
500
+ -webkit-transition: all 1s ease-out;
501
+ transition: all 1s ease-out;
502
+ background-color: #f7f6f5;
503
+ font-size: 14px;
504
+ line-height: 18px;
505
+ font-weight: 700;
506
+ max-height: 60px;
507
+ min-height: 3px;
508
+ opacity: 1;
509
+ width: 100%;
510
+ padding-top: 4px;
511
+ }
512
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
513
+ opacity: 1;
514
+ background-color: #da291c;
515
+ -webkit-transition: all 1s ease-out;
516
+ transition: all 1s ease-out;
517
+ }
518
+ @media (max-width: 1023px) {
519
+ .FalconHeader-module__container___r3bIZ {
520
+ background-color: #da291c;
521
+ min-height: 4px;
522
+ }
523
+ }
524
+ .FalconHeader-module__container___r3bIZ :not(:first-child) {
525
+ margin-left: 20px;
526
+ }
527
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
528
+ margin-left: 100px;
529
+ }
530
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
531
+ float: left;
532
+ color: #3d3935;
533
+ font-weight: 400;
534
+ font-size: 14px;
535
+ line-height: 20px;
536
+ display: block;
537
+ height: 30px;
538
+ text-decoration: none;
539
+ }
540
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
541
+ text-decoration: none;
542
+ }
543
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
544
+ float: right;
545
+ }
546
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
547
+ color: #1f1f1f;
548
+ font-weight: 400;
549
+ font-size: 14px;
550
+ line-height: 20px;
551
+ display: block;
552
+ margin-bottom: 4px;
553
+ text-decoration: none;
554
+ }
555
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
556
+ text-decoration: none;
557
+ }
558
+
559
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
560
+ background-color: #111111;
561
+ }
562
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
563
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
564
+ color: #ffffff;
565
+ }
566
+
567
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
489
568
  /* center a block element */
490
569
  /* use this to any of the pseudo elements as these are the mandatory properties */
491
570
  /* setting styles in separate formats for cross browser support */
@@ -567,86 +646,7 @@
567
646
  position: relative;
568
647
  }
569
648
 
570
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
571
- /* center a block element */
572
- /* use this to any of the pseudo elements as these are the mandatory properties */
573
- /* setting styles in separate formats for cross browser support */
574
- /* specify the max width for an element and apply ellipses and truncate the overflow */
575
- /* vertically center alilgn any HTML element */
576
- /* add basePath to assets */
577
- .FalconHeader-module__outer___cpG-W {
578
- padding: 14px 0 18px;
579
- }
580
-
581
- .FalconHeader-module__container___r3bIZ {
582
- -webkit-transition: all 1s ease-out;
583
- transition: all 1s ease-out;
584
- background-color: #f7f6f5;
585
- font-size: 14px;
586
- line-height: 18px;
587
- font-weight: 700;
588
- max-height: 60px;
589
- min-height: 3px;
590
- opacity: 1;
591
- width: 100%;
592
- padding-top: 4px;
593
- }
594
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
595
- opacity: 1;
596
- background-color: #da291c;
597
- -webkit-transition: all 1s ease-out;
598
- transition: all 1s ease-out;
599
- }
600
- @media (max-width: 1023px) {
601
- .FalconHeader-module__container___r3bIZ {
602
- background-color: #da291c;
603
- min-height: 4px;
604
- }
605
- }
606
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
607
- margin-left: 20px;
608
- }
609
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
610
- margin-left: 100px;
611
- }
612
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
613
- float: left;
614
- color: #3d3935;
615
- font-weight: 400;
616
- font-size: 14px;
617
- line-height: 20px;
618
- display: block;
619
- height: 30px;
620
- text-decoration: none;
621
- }
622
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
623
- text-decoration: none;
624
- }
625
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
626
- float: right;
627
- }
628
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
629
- color: #3d3935;
630
- font-weight: 400;
631
- font-size: 14px;
632
- line-height: 20px;
633
- display: block;
634
- margin-bottom: 4px;
635
- text-decoration: none;
636
- }
637
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
638
- text-decoration: none;
639
- }
640
-
641
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
642
- background-color: #111111;
643
- }
644
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
645
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
646
- color: #ffffff;
647
- }
648
-
649
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
649
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
650
650
  /* center a block element */
651
651
  /* use this to any of the pseudo elements as these are the mandatory properties */
652
652
  /* setting styles in separate formats for cross browser support */
@@ -735,7 +735,7 @@
735
735
  visibility: visible;
736
736
  }
737
737
 
738
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
738
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
739
739
  /* center a block element */
740
740
  /* use this to any of the pseudo elements as these are the mandatory properties */
741
741
  /* setting styles in separate formats for cross browser support */
@@ -880,7 +880,7 @@
880
880
  }
881
881
  }
882
882
 
883
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
883
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
884
884
  /* center a block element */
885
885
  /* use this to any of the pseudo elements as these are the mandatory properties */
886
886
  /* setting styles in separate formats for cross browser support */
@@ -1123,7 +1123,7 @@
1123
1123
  }
1124
1124
  }
1125
1125
 
1126
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1126
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1127
1127
  /* center a block element */
1128
1128
  /* use this to any of the pseudo elements as these are the mandatory properties */
1129
1129
  /* setting styles in separate formats for cross browser support */
@@ -1181,87 +1181,7 @@
1181
1181
  filter: brightness(0) invert(0.9);
1182
1182
  }
1183
1183
 
1184
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1185
- /* center a block element */
1186
- /* use this to any of the pseudo elements as these are the mandatory properties */
1187
- /* setting styles in separate formats for cross browser support */
1188
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1189
- /* vertically center alilgn any HTML element */
1190
- /* add basePath to assets */
1191
- .SubNavigation-module__container___Wb5XN {
1192
- background-color: #ffffff;
1193
- color: #575452;
1194
- border-radius: 0px 0px 8px 8px;
1195
- margin: 0 auto;
1196
- max-width: 1308px;
1197
- min-height: 47px;
1198
- -webkit-align-items: center;
1199
- -moz-align-items: center;
1200
- -o-align-items: center;
1201
- align-items: center;
1202
- }
1203
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1204
- font-size: 14px;
1205
- line-height: 20px;
1206
- font-weight: 700;
1207
- }
1208
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1209
- margin-left: 0 !important;
1210
- margin-top: 0 !important;
1211
- font-size: 18px;
1212
- line-height: 24px;
1213
- font-weight: 400;
1214
- display: block !important;
1215
- }
1216
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1217
- padding-bottom: 28px;
1218
- }
1219
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1220
- display: flex;
1221
- grid-column: 2;
1222
- grid-template-columns: repeat(auto-fit, 20%);
1223
- padding: 24px 32px;
1224
- }
1225
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1226
- border-left: 1px solid #e6e3df;
1227
- padding-left: 24px;
1228
- padding-right: 24px;
1229
- max-width: 248px;
1230
- }
1231
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1232
- padding-left: 0;
1233
- border: none;
1234
- }
1235
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1236
- margin-left: 4px;
1237
- vertical-align: middle;
1238
- height: 24px;
1239
- width: 24px;
1240
- }
1241
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1242
- white-space: nowrap;
1243
- display: inline-flex;
1244
- align-items: center;
1245
- }
1246
-
1247
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1248
- background-color: #1f1f1f;
1249
- color: #ffffff;
1250
- }
1251
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1252
- color: #ffffff;
1253
- }
1254
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1255
- color: #ffffff;
1256
- }
1257
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1258
- border-left: 1px solid #86807c;
1259
- }
1260
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1261
- border: none;
1262
- }
1263
-
1264
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1184
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1265
1185
  /* center a block element */
1266
1186
  /* use this to any of the pseudo elements as these are the mandatory properties */
1267
1187
  /* setting styles in separate formats for cross browser support */
@@ -1348,7 +1268,117 @@
1348
1268
  background-color: #1f1f1f;
1349
1269
  }
1350
1270
 
1351
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1271
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1272
+ /* center a block element */
1273
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1274
+ /* setting styles in separate formats for cross browser support */
1275
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1276
+ /* vertically center alilgn any HTML element */
1277
+ /* add basePath to assets */
1278
+ .SubNavigation-module__container___Wb5XN {
1279
+ background-color: #ffffff;
1280
+ color: #575452;
1281
+ border-radius: 0px 0px 8px 8px;
1282
+ margin: 0 auto;
1283
+ max-width: 1308px;
1284
+ min-height: 47px;
1285
+ -webkit-align-items: center;
1286
+ -moz-align-items: center;
1287
+ -o-align-items: center;
1288
+ align-items: center;
1289
+ }
1290
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1291
+ font-size: 14px;
1292
+ line-height: 20px;
1293
+ font-weight: 700;
1294
+ }
1295
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1296
+ margin-left: 0 !important;
1297
+ margin-top: 0 !important;
1298
+ font-size: 18px;
1299
+ line-height: 24px;
1300
+ font-weight: 400;
1301
+ display: block !important;
1302
+ }
1303
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1304
+ padding-bottom: 28px;
1305
+ }
1306
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1307
+ font-size: 14px;
1308
+ line-height: 20px;
1309
+ color: #7A7A7B;
1310
+ font-weight: 700;
1311
+ padding-bottom: 28px;
1312
+ }
1313
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1314
+ display: flex;
1315
+ grid-column: 2;
1316
+ grid-template-columns: repeat(auto-fit, 20%);
1317
+ padding: 24px 32px;
1318
+ }
1319
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1320
+ border-left: 1px solid #e6e3df;
1321
+ padding-left: 24px;
1322
+ padding-right: 24px;
1323
+ max-width: 248px;
1324
+ }
1325
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1326
+ padding-left: 0;
1327
+ border: none;
1328
+ }
1329
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1330
+ margin-left: 4px;
1331
+ vertical-align: middle;
1332
+ height: 24px;
1333
+ width: 24px;
1334
+ }
1335
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1336
+ margin-left: 0;
1337
+ margin-right: 4px;
1338
+ }
1339
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1340
+ white-space: nowrap;
1341
+ display: inline-flex;
1342
+ align-items: center;
1343
+ }
1344
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1345
+ display: flex;
1346
+ align-items: flex-start;
1347
+ gap: 4px;
1348
+ white-space: normal;
1349
+ max-width: 100%;
1350
+ }
1351
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1352
+ white-space: normal;
1353
+ min-width: 0;
1354
+ }
1355
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1356
+ white-space: normal;
1357
+ align-items: flex-start;
1358
+ gap: 4px;
1359
+ }
1360
+
1361
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1362
+ background-color: #1f1f1f;
1363
+ color: #ffffff;
1364
+ }
1365
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1366
+ color: #ffffff;
1367
+ }
1368
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1369
+ color: #ffffff;
1370
+ }
1371
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1372
+ color: #ffffff;
1373
+ }
1374
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1375
+ border-left: 1px solid #86807c;
1376
+ }
1377
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1378
+ border: none;
1379
+ }
1380
+
1381
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1352
1382
  /* center a block element */
1353
1383
  /* use this to any of the pseudo elements as these are the mandatory properties */
1354
1384
  /* setting styles in separate formats for cross browser support */
@@ -1392,11 +1422,26 @@
1392
1422
  height: 24px;
1393
1423
  width: 24px;
1394
1424
  }
1425
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
1426
+ margin-left: 0;
1427
+ margin-right: 4px;
1428
+ }
1395
1429
  .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
1396
1430
  white-space: nowrap;
1397
1431
  display: inline-flex;
1398
1432
  align-items: center;
1399
1433
  }
1434
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
1435
+ display: flex;
1436
+ align-items: flex-start;
1437
+ gap: 4px;
1438
+ white-space: normal;
1439
+ max-width: 100%;
1440
+ }
1441
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
1442
+ white-space: normal;
1443
+ min-width: 0;
1444
+ }
1400
1445
  .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1401
1446
  display: none;
1402
1447
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "3.8.4",
3
+ "version": "3.8.5",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",