@npm_leadtech/legal-lib-components 5.22.6 → 5.22.7

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.
@@ -591,4 +591,201 @@ export const FixedFooterStyled = styled.div `
591
591
  display: none;
592
592
  }
593
593
  }
594
+ /* Diferencias en prefooter */
595
+ .prefooter {
596
+ background-color: var(--primary-main-light-5); /* Color diferente */
597
+ }
598
+ .prefooter--columns p {
599
+ color: var(--neutral-neutral-2); /* Color diferente */
600
+ }
601
+
602
+ /* Adiciones en footer */
603
+ footer {
604
+ /*LEG-5512: A/B*/
605
+ }
606
+
607
+ footer .desktop_view .bottom-text-link {
608
+ text-decoration: underline;
609
+ }
610
+
611
+ footer .wide-info-bar.green {
612
+ background-color: var(--neutral-neutral-6);
613
+ color: var(--neutral-neutral-1);
614
+ }
615
+
616
+ footer .footer__wrapper.hideMobile {
617
+ display: none;
618
+ }
619
+ @media (min-width: 720px) {
620
+ footer .footer__wrapper.hideMobile {
621
+ display: flex;
622
+ }
623
+ }
624
+
625
+ footer .footer__logo {
626
+ width: 45%;
627
+ max-width: 45%;
628
+ display: flex;
629
+ }
630
+ @media (min-width: 720px) {
631
+ footer .footer__logo {
632
+ width: 100%;
633
+ max-width: 100%;
634
+ margin-bottom: 2rem;
635
+ align-items: center;
636
+ }
637
+ }
638
+
639
+ footer .footer__products .products__list,
640
+ footer .footer__popular-documents .products__list,
641
+ footer .footer__company .products__list {
642
+ top: 2.2rem;
643
+ right: 0;
644
+ }
645
+
646
+ footer .footer__products .products__list .icon-arrow,
647
+ footer .footer__popular-documents .products__list .icon-arrow,
648
+ footer .footer__company .products__list .icon-arrow {
649
+ width: 0.625rem;
650
+ height: 0.813rem;
651
+ }
652
+
653
+ footer .footer__products .products__list .icon-arrow::before,
654
+ footer .footer__popular-documents .products__list .icon-arrow::before,
655
+ footer .footer__company .products__list .icon-arrow::before {
656
+ top: 0;
657
+ transform: rotate(-45deg);
658
+ }
659
+
660
+ footer .footer__products .products__list .icon-arrow::after,
661
+ footer .footer__popular-documents .products__list .icon-arrow::after,
662
+ footer .footer__company .products__list .icon-arrow::after {
663
+ bottom: 0;
664
+ transform: rotate(45deg);
665
+ }
666
+
667
+ footer .footer__products .products__list .icon-arrow::before,
668
+ footer .footer__products .products__list .icon-arrow::after,
669
+ footer .footer__popular-documents .products__list .icon-arrow::before,
670
+ footer .footer__popular-documents .products__list .icon-arrow::after,
671
+ footer .footer__company .products__list .icon-arrow::before,
672
+ footer .footer__company .products__list .icon-arrow::after {
673
+ height: 64%;
674
+ left: 50%;
675
+ content: '';
676
+ position: absolute;
677
+ }
678
+
679
+ footer .footer__products .products__list::marker,
680
+ footer .footer__popular-documents .products__list::marker,
681
+ footer .footer__company .products__list::marker {
682
+ content: none;
683
+ }
684
+
685
+ footer .footer__products .products__list:hover .icon-arrow:before,
686
+ footer .footer__products .products__list:hover .icon-arrow:after,
687
+ footer .footer__popular-documents .products__list:hover .icon-arrow:before,
688
+ footer .footer__popular-documents .products__list:hover .icon-arrow:after,
689
+ footer .footer__company .products__list:hover .icon-arrow:before,
690
+ footer .footer__company .products__list:hover .icon-arrow:after {
691
+ background-color: var(--others-white);
692
+ }
693
+
694
+ footer .separation-line {
695
+ width: 100%;
696
+ height: 1px;
697
+ background-color: var(--primary-main);
698
+ margin-bottom: 0.5rem;
699
+ }
700
+
701
+ footer .footer__mobile-contact {
702
+ display: block;
703
+ width: 100%;
704
+ }
705
+ @media (min-width: 720px) {
706
+ footer .footer__mobile-contact {
707
+ display: none;
708
+ }
709
+ }
710
+
711
+ footer .footer__findus__mobile {
712
+ display: none;
713
+ }
714
+ @media (max-width: 720px) {
715
+ footer .footer__findus__mobile {
716
+ display: block;
717
+ }
718
+ footer .footer__findus__mobile ul {
719
+ display: flex;
720
+ }
721
+ footer .footer__findus__mobile ul li {
722
+ width: inherit;
723
+ margin-right: 1rem;
724
+ }
725
+ }
726
+
727
+ footer .find-us-container .contact-box-container {
728
+ display: none;
729
+ }
730
+ @media (min-width: 720px) {
731
+ footer .find-us-container .contact-box-container {
732
+ display: block;
733
+ }
734
+ }
735
+ footer .find-us-container .contact-box-container .contact-box__phone {
736
+ color: var(--others-white);
737
+ }
738
+ footer .find-us-container .contact-box-container .contact-box__schedule {
739
+ color: var(--neutral-neutral-3);
740
+ }
741
+ .contact-bar-wrapper {
742
+ display: flex;
743
+ align-items: center;
744
+ }
745
+ .contact-bar-wrapper.hidden {
746
+ display: none;
747
+ }
748
+ .contact-bar-wrapper__text {
749
+ width: -moz-max-content;
750
+ width: max-content;
751
+ margin: 0.25rem;
752
+ }
753
+ @media (min-width: 720px) {
754
+ .contact-bar-wrapper__text {
755
+ margin: 1rem 0.5rem;
756
+ }
757
+ }
758
+ .contact-bar-wrapper__text .phone {
759
+ color: var(--neutral-neutral-1);
760
+ }
761
+ .contact-bar-wrapper__text .is-mobile {
762
+ display: inline;
763
+ }
764
+ @media (min-width: 720px) {
765
+ .contact-bar-wrapper__text .is-mobile {
766
+ display: none;
767
+ }
768
+ }
769
+ .contact-bar-wrapper .is-mobile {
770
+ display: flex;
771
+ display: inline-table;
772
+ }
773
+ @media (min-width: 720px) {
774
+ .contact-bar-wrapper .is-mobile {
775
+ display: none;
776
+ }
777
+ }
778
+ .contact-bar-wrapper .no-mobile {
779
+ display: none;
780
+ }
781
+ @media (min-width: 720px) {
782
+ .contact-bar-wrapper .no-mobile {
783
+ display: inline;
784
+ white-space: normal;
785
+ word-wrap: break-word;
786
+ }
787
+ }
788
+ .contact-bar-wrapper .no-mobile .phone {
789
+ color: var(--primary-main-dark-1);
790
+ }
594
791
  `;
@@ -592,4 +592,201 @@ export const FixedFooterStyled = styled.div`
592
592
  display: none;
593
593
  }
594
594
  }
595
+ /* Diferencias en prefooter */
596
+ .prefooter {
597
+ background-color: var(--primary-main-light-5); /* Color diferente */
598
+ }
599
+ .prefooter--columns p {
600
+ color: var(--neutral-neutral-2); /* Color diferente */
601
+ }
602
+
603
+ /* Adiciones en footer */
604
+ footer {
605
+ /*LEG-5512: A/B*/
606
+ }
607
+
608
+ footer .desktop_view .bottom-text-link {
609
+ text-decoration: underline;
610
+ }
611
+
612
+ footer .wide-info-bar.green {
613
+ background-color: var(--neutral-neutral-6);
614
+ color: var(--neutral-neutral-1);
615
+ }
616
+
617
+ footer .footer__wrapper.hideMobile {
618
+ display: none;
619
+ }
620
+ @media (min-width: 720px) {
621
+ footer .footer__wrapper.hideMobile {
622
+ display: flex;
623
+ }
624
+ }
625
+
626
+ footer .footer__logo {
627
+ width: 45%;
628
+ max-width: 45%;
629
+ display: flex;
630
+ }
631
+ @media (min-width: 720px) {
632
+ footer .footer__logo {
633
+ width: 100%;
634
+ max-width: 100%;
635
+ margin-bottom: 2rem;
636
+ align-items: center;
637
+ }
638
+ }
639
+
640
+ footer .footer__products .products__list,
641
+ footer .footer__popular-documents .products__list,
642
+ footer .footer__company .products__list {
643
+ top: 2.2rem;
644
+ right: 0;
645
+ }
646
+
647
+ footer .footer__products .products__list .icon-arrow,
648
+ footer .footer__popular-documents .products__list .icon-arrow,
649
+ footer .footer__company .products__list .icon-arrow {
650
+ width: 0.625rem;
651
+ height: 0.813rem;
652
+ }
653
+
654
+ footer .footer__products .products__list .icon-arrow::before,
655
+ footer .footer__popular-documents .products__list .icon-arrow::before,
656
+ footer .footer__company .products__list .icon-arrow::before {
657
+ top: 0;
658
+ transform: rotate(-45deg);
659
+ }
660
+
661
+ footer .footer__products .products__list .icon-arrow::after,
662
+ footer .footer__popular-documents .products__list .icon-arrow::after,
663
+ footer .footer__company .products__list .icon-arrow::after {
664
+ bottom: 0;
665
+ transform: rotate(45deg);
666
+ }
667
+
668
+ footer .footer__products .products__list .icon-arrow::before,
669
+ footer .footer__products .products__list .icon-arrow::after,
670
+ footer .footer__popular-documents .products__list .icon-arrow::before,
671
+ footer .footer__popular-documents .products__list .icon-arrow::after,
672
+ footer .footer__company .products__list .icon-arrow::before,
673
+ footer .footer__company .products__list .icon-arrow::after {
674
+ height: 64%;
675
+ left: 50%;
676
+ content: '';
677
+ position: absolute;
678
+ }
679
+
680
+ footer .footer__products .products__list::marker,
681
+ footer .footer__popular-documents .products__list::marker,
682
+ footer .footer__company .products__list::marker {
683
+ content: none;
684
+ }
685
+
686
+ footer .footer__products .products__list:hover .icon-arrow:before,
687
+ footer .footer__products .products__list:hover .icon-arrow:after,
688
+ footer .footer__popular-documents .products__list:hover .icon-arrow:before,
689
+ footer .footer__popular-documents .products__list:hover .icon-arrow:after,
690
+ footer .footer__company .products__list:hover .icon-arrow:before,
691
+ footer .footer__company .products__list:hover .icon-arrow:after {
692
+ background-color: var(--others-white);
693
+ }
694
+
695
+ footer .separation-line {
696
+ width: 100%;
697
+ height: 1px;
698
+ background-color: var(--primary-main);
699
+ margin-bottom: 0.5rem;
700
+ }
701
+
702
+ footer .footer__mobile-contact {
703
+ display: block;
704
+ width: 100%;
705
+ }
706
+ @media (min-width: 720px) {
707
+ footer .footer__mobile-contact {
708
+ display: none;
709
+ }
710
+ }
711
+
712
+ footer .footer__findus__mobile {
713
+ display: none;
714
+ }
715
+ @media (max-width: 720px) {
716
+ footer .footer__findus__mobile {
717
+ display: block;
718
+ }
719
+ footer .footer__findus__mobile ul {
720
+ display: flex;
721
+ }
722
+ footer .footer__findus__mobile ul li {
723
+ width: inherit;
724
+ margin-right: 1rem;
725
+ }
726
+ }
727
+
728
+ footer .find-us-container .contact-box-container {
729
+ display: none;
730
+ }
731
+ @media (min-width: 720px) {
732
+ footer .find-us-container .contact-box-container {
733
+ display: block;
734
+ }
735
+ }
736
+ footer .find-us-container .contact-box-container .contact-box__phone {
737
+ color: var(--others-white);
738
+ }
739
+ footer .find-us-container .contact-box-container .contact-box__schedule {
740
+ color: var(--neutral-neutral-3);
741
+ }
742
+ .contact-bar-wrapper {
743
+ display: flex;
744
+ align-items: center;
745
+ }
746
+ .contact-bar-wrapper.hidden {
747
+ display: none;
748
+ }
749
+ .contact-bar-wrapper__text {
750
+ width: -moz-max-content;
751
+ width: max-content;
752
+ margin: 0.25rem;
753
+ }
754
+ @media (min-width: 720px) {
755
+ .contact-bar-wrapper__text {
756
+ margin: 1rem 0.5rem;
757
+ }
758
+ }
759
+ .contact-bar-wrapper__text .phone {
760
+ color: var(--neutral-neutral-1);
761
+ }
762
+ .contact-bar-wrapper__text .is-mobile {
763
+ display: inline;
764
+ }
765
+ @media (min-width: 720px) {
766
+ .contact-bar-wrapper__text .is-mobile {
767
+ display: none;
768
+ }
769
+ }
770
+ .contact-bar-wrapper .is-mobile {
771
+ display: flex;
772
+ display: inline-table;
773
+ }
774
+ @media (min-width: 720px) {
775
+ .contact-bar-wrapper .is-mobile {
776
+ display: none;
777
+ }
778
+ }
779
+ .contact-bar-wrapper .no-mobile {
780
+ display: none;
781
+ }
782
+ @media (min-width: 720px) {
783
+ .contact-bar-wrapper .no-mobile {
784
+ display: inline;
785
+ white-space: normal;
786
+ word-wrap: break-word;
787
+ }
788
+ }
789
+ .contact-bar-wrapper .no-mobile .phone {
790
+ color: var(--primary-main-dark-1);
791
+ }
595
792
  `
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.22.6",
3
+ "version": "5.22.7",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",