@mmb-digital/ds-lilly 1.0.0-alpha.61 → 1.0.0-alpha.62

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.
package/cjs/ds-lilly.css CHANGED
@@ -702,200 +702,6 @@ body.dark {
702
702
  @media (prefers-color-scheme: dark) {
703
703
  /* defaults to dark theme */
704
704
  body {
705
- --fgNeutralDefault: #17181C;
706
- --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
707
- --fgNeutralSubtle: #606876;
708
- --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
709
- --fgNeutralSubtlest: #7D8594;
710
- --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
711
- --fgBrandDefault: #403677;
712
- --fgBrandDefault-rgb: hex-to-rgb(#403677);
713
- --fgPromoDefault: #85703D;
714
- --fgPromoDefault-rgb: hex-to-rgb(#85703D);
715
- --fgLinkDefault: #403677;
716
- --fgLinkDefault-rgb: hex-to-rgb(#403677);
717
- --fgLinkDefaultHover: #140757;
718
- --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
719
- --fgLinkDefaultPressed: #0F0541;
720
- --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
721
- --fgInfoDefault: #403677;
722
- --fgInfoDefault-rgb: hex-to-rgb(#403677);
723
- --fgErrorDefault: #C9392C;
724
- --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
725
- --fgWarningDefault: #A16600;
726
- --fgWarningDefault-rgb: hex-to-rgb(#A16600);
727
- --fgSuccessDefault: #19803B;
728
- --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
729
- --fgInverseDefault: #ffffff;
730
- --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
731
- --fgDisabledDefault: #A0A5B1;
732
- --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
733
- --fgWhiteDefault: #ffffff;
734
- --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
735
- --bgNeutralDefault: #E8EAED;
736
- --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
737
- --bgNeutralDefaultHover: #D5D7DD;
738
- --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
739
- --bgNeutralDefaultActive: #A0A5B1;
740
- --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
741
- --bgNeutralSubtle: #F3F4F5;
742
- --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
743
- --bgNeutralSubtleHover: #E8EAED;
744
- --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
745
- --bgNeutralSubtleActive: #D5D7DD;
746
- --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
747
- --bgNeutralSubtlest: #ffffff;
748
- --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
749
- --bgNeutralSubtlestHover: #F3F4F5;
750
- --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
751
- --bgNeutralSubtlestActive: #E8EAED;
752
- --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
753
- --bgBrandDefault: #E4E7F5;
754
- --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
755
- --bgBrandDefaultHover: #9C97B9;
756
- --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
757
- --bgBrandDefaultPressed: #665E91;
758
- --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
759
- --bgBrandBold: #403677;
760
- --bgBrandBold-rgb: hex-to-rgb(#403677);
761
- --bgBrandBoldHover: #140757;
762
- --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
763
- --bgBrandBoldPressed: #0F0541;
764
- --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
765
- --bgPromoBold: #A58B4B;
766
- --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
767
- --bgPromoBoldHover: #85703D;
768
- --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
769
- --bgPromoBoldPressed: #62532D;
770
- --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
771
- --bgInfoDefault: #E4E7F5;
772
- --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
773
- --bgInfoDefaultHover: #9C97B9;
774
- --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
775
- --bgInfoDefaultPressed: #665E91;
776
- --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
777
- --bgInfoBold: #403677;
778
- --bgInfoBold-rgb: hex-to-rgb(#403677);
779
- --bgInfoBoldHover: #140757;
780
- --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
781
- --bgInfoBoldPressed: #0F0541;
782
- --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
783
- --bgErrorDefault: #FFEAE8;
784
- --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
785
- --bgErrorDefaultHover: #FFD6D2;
786
- --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
787
- --bgErrorDefaultPressed: #FD9A91;
788
- --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
789
- --bgErrorBold: #E24B3D;
790
- --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
791
- --bgErrorBoldHover: #C9392C;
792
- --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
793
- --bgErrorBoldPressed: #AE3024;
794
- --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
795
- --bgWarningDefault: #FFF9DB;
796
- --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
797
- --bgWarningDefaultHover: #F8E6A0;
798
- --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
799
- --bgWarningDefaultPressed: #F5D247;
800
- --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
801
- --bgWarningBold: #B58200;
802
- --bgWarningBold-rgb: hex-to-rgb(#B58200);
803
- --bgWarningBoldHover: #A16600;
804
- --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
805
- --bgWarningBoldPressed: #8A5301;
806
- --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
807
- --bgSuccessDefault: #E0FFF0;
808
- --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
809
- --bgSuccessDefaultHover: #C2F2D7;
810
- --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
811
- --bgSuccessDefaultPressed: #80E5A9;
812
- --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
813
- --bgSuccessBold: #1F9947;
814
- --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
815
- --bgSuccessBoldHover: #19803B;
816
- --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
817
- --bgSuccessBoldPressed: #216E3A;
818
- --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
819
- --bgDisabledDefault: #F3F4F5;
820
- --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
821
- --surfaceDefault: #F3F4F5;
822
- --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
823
- --surfaceSunken: #E8EAED;
824
- --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
825
- --surfaceRisen: #ffffff;
826
- --surfaceRisen-rgb: hex-to-rgb(#ffffff);
827
- --surfaceOverlay: #ffffff;
828
- --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
829
- --borderNeutralDefault: #D5D7DD;
830
- --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
831
- --borderNeutralSubtle: #E8EAED;
832
- --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
833
- --borderNeutralSubtlest: #ffffff;
834
- --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
835
- --borderBrandDefault: #554C85;
836
- --borderBrandDefault-rgb: hex-to-rgb(#554C85);
837
- --borderPromoDefault: #A58B4B;
838
- --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
839
- --borderInfoDefault: #554C85;
840
- --borderInfoDefault-rgb: hex-to-rgb(#554C85);
841
- --borderErrorDefault: #E24B3D;
842
- --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
843
- --borderWarningDefault: #B58200;
844
- --borderWarningDefault-rgb: hex-to-rgb(#B58200);
845
- --borderSuccessDefault: #1F9947;
846
- --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
847
- --borderDisabledDefault: #E8EAED;
848
- --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
849
- --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
850
- --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
851
- --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
852
- --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
853
- --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
854
- --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
855
- --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
856
- --gradientPromoHover: #85703D;
857
- --gradientPromoHover-rgb: hex-to-rgb(#85703D);
858
- --gradientPromoActive: #85703D;
859
- --gradientPromoActive-rgb: hex-to-rgb(#85703D);
860
- --categoryYellow: #ffd200;
861
- --categoryYellow-rgb: hex-to-rgb(#ffd200);
862
- --categoryOrange: #fa9646;
863
- --categoryOrange-rgb: hex-to-rgb(#fa9646);
864
- --categoryPink: #b74676;
865
- --categoryPink-rgb: hex-to-rgb(#b74676);
866
- --categoryCherry: #a51854;
867
- --categoryCherry-rgb: hex-to-rgb(#a51854);
868
- --categoryViolet: #966ebe;
869
- --categoryViolet-rgb: hex-to-rgb(#966ebe);
870
- --categoryOceanBlue: #3c64c8;
871
- --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
872
- --categorySkyBlue: #aad2f0;
873
- --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
874
- --categoryMidnightBlue: #3d4552;
875
- --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
876
- --categorySemiBlue: #d0cddd;
877
- --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
878
- --categoryTorquise: #64bed2;
879
- --categoryTorquise-rgb: hex-to-rgb(#64bed2);
880
- --categoryMintGreen: #6c9;
881
- --categoryMintGreen-rgb: hex-to-rgb(#6c9);
882
- --categoryForestGreen: #50825a;
883
- --categoryForestGreen-rgb: hex-to-rgb(#50825a);
884
- --categoryOliveGreen: #c2cc8f;
885
- --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
886
- --thirdPartyFacebook: #4267b2;
887
- --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
888
- --thirdPartyTwitter: #1da1f2;
889
- --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
890
- --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
891
- --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
892
- --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
893
- --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
894
- --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
895
- --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
896
- }
897
- /* Override dark mode with light mode styles if the user decides to swap */
898
- body.light {
899
705
  --fgNeutralDefault: #F3F4F5;
900
706
  --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
901
707
  --fgNeutralSubtle: #878D99;
@@ -1088,6 +894,200 @@ body.dark {
1088
894
  --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
1089
895
  --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
1090
896
  }
897
+ /* Override dark mode with light mode styles if the user decides to swap */
898
+ body.light {
899
+ --fgNeutralDefault: #17181C;
900
+ --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
901
+ --fgNeutralSubtle: #606876;
902
+ --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
903
+ --fgNeutralSubtlest: #7D8594;
904
+ --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
905
+ --fgBrandDefault: #403677;
906
+ --fgBrandDefault-rgb: hex-to-rgb(#403677);
907
+ --fgPromoDefault: #85703D;
908
+ --fgPromoDefault-rgb: hex-to-rgb(#85703D);
909
+ --fgLinkDefault: #403677;
910
+ --fgLinkDefault-rgb: hex-to-rgb(#403677);
911
+ --fgLinkDefaultHover: #140757;
912
+ --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
913
+ --fgLinkDefaultPressed: #0F0541;
914
+ --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
915
+ --fgInfoDefault: #403677;
916
+ --fgInfoDefault-rgb: hex-to-rgb(#403677);
917
+ --fgErrorDefault: #C9392C;
918
+ --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
919
+ --fgWarningDefault: #A16600;
920
+ --fgWarningDefault-rgb: hex-to-rgb(#A16600);
921
+ --fgSuccessDefault: #19803B;
922
+ --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
923
+ --fgInverseDefault: #ffffff;
924
+ --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
925
+ --fgDisabledDefault: #A0A5B1;
926
+ --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
927
+ --fgWhiteDefault: #ffffff;
928
+ --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
929
+ --bgNeutralDefault: #E8EAED;
930
+ --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
931
+ --bgNeutralDefaultHover: #D5D7DD;
932
+ --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
933
+ --bgNeutralDefaultActive: #A0A5B1;
934
+ --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
935
+ --bgNeutralSubtle: #F3F4F5;
936
+ --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
937
+ --bgNeutralSubtleHover: #E8EAED;
938
+ --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
939
+ --bgNeutralSubtleActive: #D5D7DD;
940
+ --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
941
+ --bgNeutralSubtlest: #ffffff;
942
+ --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
943
+ --bgNeutralSubtlestHover: #F3F4F5;
944
+ --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
945
+ --bgNeutralSubtlestActive: #E8EAED;
946
+ --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
947
+ --bgBrandDefault: #E4E7F5;
948
+ --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
949
+ --bgBrandDefaultHover: #9C97B9;
950
+ --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
951
+ --bgBrandDefaultPressed: #665E91;
952
+ --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
953
+ --bgBrandBold: #403677;
954
+ --bgBrandBold-rgb: hex-to-rgb(#403677);
955
+ --bgBrandBoldHover: #140757;
956
+ --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
957
+ --bgBrandBoldPressed: #0F0541;
958
+ --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
959
+ --bgPromoBold: #A58B4B;
960
+ --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
961
+ --bgPromoBoldHover: #85703D;
962
+ --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
963
+ --bgPromoBoldPressed: #62532D;
964
+ --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
965
+ --bgInfoDefault: #E4E7F5;
966
+ --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
967
+ --bgInfoDefaultHover: #9C97B9;
968
+ --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
969
+ --bgInfoDefaultPressed: #665E91;
970
+ --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
971
+ --bgInfoBold: #403677;
972
+ --bgInfoBold-rgb: hex-to-rgb(#403677);
973
+ --bgInfoBoldHover: #140757;
974
+ --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
975
+ --bgInfoBoldPressed: #0F0541;
976
+ --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
977
+ --bgErrorDefault: #FFEAE8;
978
+ --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
979
+ --bgErrorDefaultHover: #FFD6D2;
980
+ --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
981
+ --bgErrorDefaultPressed: #FD9A91;
982
+ --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
983
+ --bgErrorBold: #E24B3D;
984
+ --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
985
+ --bgErrorBoldHover: #C9392C;
986
+ --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
987
+ --bgErrorBoldPressed: #AE3024;
988
+ --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
989
+ --bgWarningDefault: #FFF9DB;
990
+ --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
991
+ --bgWarningDefaultHover: #F8E6A0;
992
+ --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
993
+ --bgWarningDefaultPressed: #F5D247;
994
+ --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
995
+ --bgWarningBold: #B58200;
996
+ --bgWarningBold-rgb: hex-to-rgb(#B58200);
997
+ --bgWarningBoldHover: #A16600;
998
+ --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
999
+ --bgWarningBoldPressed: #8A5301;
1000
+ --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
1001
+ --bgSuccessDefault: #E0FFF0;
1002
+ --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
1003
+ --bgSuccessDefaultHover: #C2F2D7;
1004
+ --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
1005
+ --bgSuccessDefaultPressed: #80E5A9;
1006
+ --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
1007
+ --bgSuccessBold: #1F9947;
1008
+ --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
1009
+ --bgSuccessBoldHover: #19803B;
1010
+ --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
1011
+ --bgSuccessBoldPressed: #216E3A;
1012
+ --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
1013
+ --bgDisabledDefault: #F3F4F5;
1014
+ --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
1015
+ --surfaceDefault: #F3F4F5;
1016
+ --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
1017
+ --surfaceSunken: #E8EAED;
1018
+ --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
1019
+ --surfaceRisen: #ffffff;
1020
+ --surfaceRisen-rgb: hex-to-rgb(#ffffff);
1021
+ --surfaceOverlay: #ffffff;
1022
+ --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
1023
+ --borderNeutralDefault: #D5D7DD;
1024
+ --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
1025
+ --borderNeutralSubtle: #E8EAED;
1026
+ --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
1027
+ --borderNeutralSubtlest: #ffffff;
1028
+ --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
1029
+ --borderBrandDefault: #554C85;
1030
+ --borderBrandDefault-rgb: hex-to-rgb(#554C85);
1031
+ --borderPromoDefault: #A58B4B;
1032
+ --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
1033
+ --borderInfoDefault: #554C85;
1034
+ --borderInfoDefault-rgb: hex-to-rgb(#554C85);
1035
+ --borderErrorDefault: #E24B3D;
1036
+ --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
1037
+ --borderWarningDefault: #B58200;
1038
+ --borderWarningDefault-rgb: hex-to-rgb(#B58200);
1039
+ --borderSuccessDefault: #1F9947;
1040
+ --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
1041
+ --borderDisabledDefault: #E8EAED;
1042
+ --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
1043
+ --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
1044
+ --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
1045
+ --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
1046
+ --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
1047
+ --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
1048
+ --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
1049
+ --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
1050
+ --gradientPromoHover: #85703D;
1051
+ --gradientPromoHover-rgb: hex-to-rgb(#85703D);
1052
+ --gradientPromoActive: #85703D;
1053
+ --gradientPromoActive-rgb: hex-to-rgb(#85703D);
1054
+ --categoryYellow: #ffd200;
1055
+ --categoryYellow-rgb: hex-to-rgb(#ffd200);
1056
+ --categoryOrange: #fa9646;
1057
+ --categoryOrange-rgb: hex-to-rgb(#fa9646);
1058
+ --categoryPink: #b74676;
1059
+ --categoryPink-rgb: hex-to-rgb(#b74676);
1060
+ --categoryCherry: #a51854;
1061
+ --categoryCherry-rgb: hex-to-rgb(#a51854);
1062
+ --categoryViolet: #966ebe;
1063
+ --categoryViolet-rgb: hex-to-rgb(#966ebe);
1064
+ --categoryOceanBlue: #3c64c8;
1065
+ --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
1066
+ --categorySkyBlue: #aad2f0;
1067
+ --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
1068
+ --categoryMidnightBlue: #3d4552;
1069
+ --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
1070
+ --categorySemiBlue: #d0cddd;
1071
+ --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
1072
+ --categoryTorquise: #64bed2;
1073
+ --categoryTorquise-rgb: hex-to-rgb(#64bed2);
1074
+ --categoryMintGreen: #6c9;
1075
+ --categoryMintGreen-rgb: hex-to-rgb(#6c9);
1076
+ --categoryForestGreen: #50825a;
1077
+ --categoryForestGreen-rgb: hex-to-rgb(#50825a);
1078
+ --categoryOliveGreen: #c2cc8f;
1079
+ --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
1080
+ --thirdPartyFacebook: #4267b2;
1081
+ --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
1082
+ --thirdPartyTwitter: #1da1f2;
1083
+ --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
1084
+ --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
1085
+ --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
1086
+ --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
1087
+ --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
1088
+ --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
1089
+ --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
1090
+ }
1091
1091
  }
1092
1092
  body {
1093
1093
  --transparent: transparent;
@@ -3591,11 +3591,11 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
3591
3591
  background: var(--gradientGold);
3592
3592
  color: var(--fgInverseDefault);
3593
3593
  }
3594
- .c-avatar.u-bg--gradientblueRed {
3594
+ .c-avatar.u-bg--gradientBlueRed {
3595
3595
  background: var(--gradientBlueRed);
3596
3596
  color: var(--fgWhiteDefault);
3597
3597
  }
3598
- .c-avatar.u-bg--gradientblueRedDark {
3598
+ .c-avatar.u-bg--gradientBlueRedDark {
3599
3599
  background: var(--gradientBlueRedDark);
3600
3600
  color: var(--fgWhiteDefault);
3601
3601
  }
@@ -4721,6 +4721,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
4721
4721
  .c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon {
4722
4722
  position: absolute;
4723
4723
  }
4724
+ .c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon .c-icon {
4725
+ height: var(--heightIconAvatar);
4726
+ width: var(--widthIconAvatar);
4727
+ }
4724
4728
  .c-contentTableRow__iconColumn__iconBottomLeft .c-contentTableRow__subtitleIcon {
4725
4729
  bottom: 0;
4726
4730
  left: 0;
@@ -9343,7 +9347,7 @@ body.dark .u-fg--fgWhiteDefault {
9343
9347
  /* Slider */
9344
9348
  .slick-loading .slick-list
9345
9349
  {
9346
- background: #fff url('assets/6cb3ef97e67c90285d25.gif') center center no-repeat;
9350
+ background: #fff url('assets/7ef2347a94e65854fbe3.gif') center center no-repeat;
9347
9351
  }
9348
9352
 
9349
9353
  /* Icons */
@@ -9353,8 +9357,8 @@ body.dark .u-fg--fgWhiteDefault {
9353
9357
  font-weight: normal;
9354
9358
  font-style: normal;
9355
9359
 
9356
- src: url('assets/c30da7a5339be9f27570.eot');
9357
- src: url('assets/c3bf42bdca6a6c8bd006.eot') format('embedded-opentype'), url('assets/97f95d4fa1071ca25e26.woff') format('woff'), url('assets/07d1ca357bffe6f0393e.ttf') format('truetype'), url('assets/25fea588b455d182a931.svg') format('svg');
9360
+ src: url('assets/d7420a2166527e49ae84.eot');
9361
+ src: url('assets/0ce6ceacc9dd1a58c708.eot') format('embedded-opentype'), url('assets/2f37bee308dd2de0eef4.woff') format('woff'), url('assets/898046e8b167aedec479.ttf') format('truetype'), url('assets/eaeab779042f3c4c3d0a.svg') format('svg');
9358
9362
  }
9359
9363
  /* Arrows */
9360
9364
  .slick-prev,
package/ds-lilly.css CHANGED
@@ -702,200 +702,6 @@ body.dark {
702
702
  @media (prefers-color-scheme: dark) {
703
703
  /* defaults to dark theme */
704
704
  body {
705
- --fgNeutralDefault: #17181C;
706
- --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
707
- --fgNeutralSubtle: #606876;
708
- --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
709
- --fgNeutralSubtlest: #7D8594;
710
- --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
711
- --fgBrandDefault: #403677;
712
- --fgBrandDefault-rgb: hex-to-rgb(#403677);
713
- --fgPromoDefault: #85703D;
714
- --fgPromoDefault-rgb: hex-to-rgb(#85703D);
715
- --fgLinkDefault: #403677;
716
- --fgLinkDefault-rgb: hex-to-rgb(#403677);
717
- --fgLinkDefaultHover: #140757;
718
- --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
719
- --fgLinkDefaultPressed: #0F0541;
720
- --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
721
- --fgInfoDefault: #403677;
722
- --fgInfoDefault-rgb: hex-to-rgb(#403677);
723
- --fgErrorDefault: #C9392C;
724
- --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
725
- --fgWarningDefault: #A16600;
726
- --fgWarningDefault-rgb: hex-to-rgb(#A16600);
727
- --fgSuccessDefault: #19803B;
728
- --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
729
- --fgInverseDefault: #ffffff;
730
- --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
731
- --fgDisabledDefault: #A0A5B1;
732
- --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
733
- --fgWhiteDefault: #ffffff;
734
- --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
735
- --bgNeutralDefault: #E8EAED;
736
- --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
737
- --bgNeutralDefaultHover: #D5D7DD;
738
- --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
739
- --bgNeutralDefaultActive: #A0A5B1;
740
- --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
741
- --bgNeutralSubtle: #F3F4F5;
742
- --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
743
- --bgNeutralSubtleHover: #E8EAED;
744
- --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
745
- --bgNeutralSubtleActive: #D5D7DD;
746
- --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
747
- --bgNeutralSubtlest: #ffffff;
748
- --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
749
- --bgNeutralSubtlestHover: #F3F4F5;
750
- --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
751
- --bgNeutralSubtlestActive: #E8EAED;
752
- --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
753
- --bgBrandDefault: #E4E7F5;
754
- --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
755
- --bgBrandDefaultHover: #9C97B9;
756
- --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
757
- --bgBrandDefaultPressed: #665E91;
758
- --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
759
- --bgBrandBold: #403677;
760
- --bgBrandBold-rgb: hex-to-rgb(#403677);
761
- --bgBrandBoldHover: #140757;
762
- --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
763
- --bgBrandBoldPressed: #0F0541;
764
- --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
765
- --bgPromoBold: #A58B4B;
766
- --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
767
- --bgPromoBoldHover: #85703D;
768
- --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
769
- --bgPromoBoldPressed: #62532D;
770
- --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
771
- --bgInfoDefault: #E4E7F5;
772
- --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
773
- --bgInfoDefaultHover: #9C97B9;
774
- --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
775
- --bgInfoDefaultPressed: #665E91;
776
- --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
777
- --bgInfoBold: #403677;
778
- --bgInfoBold-rgb: hex-to-rgb(#403677);
779
- --bgInfoBoldHover: #140757;
780
- --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
781
- --bgInfoBoldPressed: #0F0541;
782
- --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
783
- --bgErrorDefault: #FFEAE8;
784
- --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
785
- --bgErrorDefaultHover: #FFD6D2;
786
- --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
787
- --bgErrorDefaultPressed: #FD9A91;
788
- --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
789
- --bgErrorBold: #E24B3D;
790
- --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
791
- --bgErrorBoldHover: #C9392C;
792
- --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
793
- --bgErrorBoldPressed: #AE3024;
794
- --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
795
- --bgWarningDefault: #FFF9DB;
796
- --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
797
- --bgWarningDefaultHover: #F8E6A0;
798
- --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
799
- --bgWarningDefaultPressed: #F5D247;
800
- --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
801
- --bgWarningBold: #B58200;
802
- --bgWarningBold-rgb: hex-to-rgb(#B58200);
803
- --bgWarningBoldHover: #A16600;
804
- --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
805
- --bgWarningBoldPressed: #8A5301;
806
- --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
807
- --bgSuccessDefault: #E0FFF0;
808
- --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
809
- --bgSuccessDefaultHover: #C2F2D7;
810
- --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
811
- --bgSuccessDefaultPressed: #80E5A9;
812
- --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
813
- --bgSuccessBold: #1F9947;
814
- --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
815
- --bgSuccessBoldHover: #19803B;
816
- --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
817
- --bgSuccessBoldPressed: #216E3A;
818
- --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
819
- --bgDisabledDefault: #F3F4F5;
820
- --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
821
- --surfaceDefault: #F3F4F5;
822
- --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
823
- --surfaceSunken: #E8EAED;
824
- --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
825
- --surfaceRisen: #ffffff;
826
- --surfaceRisen-rgb: hex-to-rgb(#ffffff);
827
- --surfaceOverlay: #ffffff;
828
- --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
829
- --borderNeutralDefault: #D5D7DD;
830
- --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
831
- --borderNeutralSubtle: #E8EAED;
832
- --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
833
- --borderNeutralSubtlest: #ffffff;
834
- --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
835
- --borderBrandDefault: #554C85;
836
- --borderBrandDefault-rgb: hex-to-rgb(#554C85);
837
- --borderPromoDefault: #A58B4B;
838
- --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
839
- --borderInfoDefault: #554C85;
840
- --borderInfoDefault-rgb: hex-to-rgb(#554C85);
841
- --borderErrorDefault: #E24B3D;
842
- --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
843
- --borderWarningDefault: #B58200;
844
- --borderWarningDefault-rgb: hex-to-rgb(#B58200);
845
- --borderSuccessDefault: #1F9947;
846
- --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
847
- --borderDisabledDefault: #E8EAED;
848
- --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
849
- --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
850
- --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
851
- --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
852
- --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
853
- --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
854
- --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
855
- --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
856
- --gradientPromoHover: #85703D;
857
- --gradientPromoHover-rgb: hex-to-rgb(#85703D);
858
- --gradientPromoActive: #85703D;
859
- --gradientPromoActive-rgb: hex-to-rgb(#85703D);
860
- --categoryYellow: #ffd200;
861
- --categoryYellow-rgb: hex-to-rgb(#ffd200);
862
- --categoryOrange: #fa9646;
863
- --categoryOrange-rgb: hex-to-rgb(#fa9646);
864
- --categoryPink: #b74676;
865
- --categoryPink-rgb: hex-to-rgb(#b74676);
866
- --categoryCherry: #a51854;
867
- --categoryCherry-rgb: hex-to-rgb(#a51854);
868
- --categoryViolet: #966ebe;
869
- --categoryViolet-rgb: hex-to-rgb(#966ebe);
870
- --categoryOceanBlue: #3c64c8;
871
- --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
872
- --categorySkyBlue: #aad2f0;
873
- --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
874
- --categoryMidnightBlue: #3d4552;
875
- --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
876
- --categorySemiBlue: #d0cddd;
877
- --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
878
- --categoryTorquise: #64bed2;
879
- --categoryTorquise-rgb: hex-to-rgb(#64bed2);
880
- --categoryMintGreen: #6c9;
881
- --categoryMintGreen-rgb: hex-to-rgb(#6c9);
882
- --categoryForestGreen: #50825a;
883
- --categoryForestGreen-rgb: hex-to-rgb(#50825a);
884
- --categoryOliveGreen: #c2cc8f;
885
- --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
886
- --thirdPartyFacebook: #4267b2;
887
- --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
888
- --thirdPartyTwitter: #1da1f2;
889
- --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
890
- --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
891
- --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
892
- --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
893
- --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
894
- --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
895
- --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
896
- }
897
- /* Override dark mode with light mode styles if the user decides to swap */
898
- body.light {
899
705
  --fgNeutralDefault: #F3F4F5;
900
706
  --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
901
707
  --fgNeutralSubtle: #878D99;
@@ -1088,6 +894,200 @@ body.dark {
1088
894
  --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
1089
895
  --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
1090
896
  }
897
+ /* Override dark mode with light mode styles if the user decides to swap */
898
+ body.light {
899
+ --fgNeutralDefault: #17181C;
900
+ --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
901
+ --fgNeutralSubtle: #606876;
902
+ --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
903
+ --fgNeutralSubtlest: #7D8594;
904
+ --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
905
+ --fgBrandDefault: #403677;
906
+ --fgBrandDefault-rgb: hex-to-rgb(#403677);
907
+ --fgPromoDefault: #85703D;
908
+ --fgPromoDefault-rgb: hex-to-rgb(#85703D);
909
+ --fgLinkDefault: #403677;
910
+ --fgLinkDefault-rgb: hex-to-rgb(#403677);
911
+ --fgLinkDefaultHover: #140757;
912
+ --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
913
+ --fgLinkDefaultPressed: #0F0541;
914
+ --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
915
+ --fgInfoDefault: #403677;
916
+ --fgInfoDefault-rgb: hex-to-rgb(#403677);
917
+ --fgErrorDefault: #C9392C;
918
+ --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
919
+ --fgWarningDefault: #A16600;
920
+ --fgWarningDefault-rgb: hex-to-rgb(#A16600);
921
+ --fgSuccessDefault: #19803B;
922
+ --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
923
+ --fgInverseDefault: #ffffff;
924
+ --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
925
+ --fgDisabledDefault: #A0A5B1;
926
+ --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
927
+ --fgWhiteDefault: #ffffff;
928
+ --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
929
+ --bgNeutralDefault: #E8EAED;
930
+ --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
931
+ --bgNeutralDefaultHover: #D5D7DD;
932
+ --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
933
+ --bgNeutralDefaultActive: #A0A5B1;
934
+ --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
935
+ --bgNeutralSubtle: #F3F4F5;
936
+ --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
937
+ --bgNeutralSubtleHover: #E8EAED;
938
+ --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
939
+ --bgNeutralSubtleActive: #D5D7DD;
940
+ --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
941
+ --bgNeutralSubtlest: #ffffff;
942
+ --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
943
+ --bgNeutralSubtlestHover: #F3F4F5;
944
+ --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
945
+ --bgNeutralSubtlestActive: #E8EAED;
946
+ --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
947
+ --bgBrandDefault: #E4E7F5;
948
+ --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
949
+ --bgBrandDefaultHover: #9C97B9;
950
+ --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
951
+ --bgBrandDefaultPressed: #665E91;
952
+ --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
953
+ --bgBrandBold: #403677;
954
+ --bgBrandBold-rgb: hex-to-rgb(#403677);
955
+ --bgBrandBoldHover: #140757;
956
+ --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
957
+ --bgBrandBoldPressed: #0F0541;
958
+ --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
959
+ --bgPromoBold: #A58B4B;
960
+ --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
961
+ --bgPromoBoldHover: #85703D;
962
+ --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
963
+ --bgPromoBoldPressed: #62532D;
964
+ --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
965
+ --bgInfoDefault: #E4E7F5;
966
+ --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
967
+ --bgInfoDefaultHover: #9C97B9;
968
+ --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
969
+ --bgInfoDefaultPressed: #665E91;
970
+ --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
971
+ --bgInfoBold: #403677;
972
+ --bgInfoBold-rgb: hex-to-rgb(#403677);
973
+ --bgInfoBoldHover: #140757;
974
+ --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
975
+ --bgInfoBoldPressed: #0F0541;
976
+ --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
977
+ --bgErrorDefault: #FFEAE8;
978
+ --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
979
+ --bgErrorDefaultHover: #FFD6D2;
980
+ --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
981
+ --bgErrorDefaultPressed: #FD9A91;
982
+ --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
983
+ --bgErrorBold: #E24B3D;
984
+ --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
985
+ --bgErrorBoldHover: #C9392C;
986
+ --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
987
+ --bgErrorBoldPressed: #AE3024;
988
+ --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
989
+ --bgWarningDefault: #FFF9DB;
990
+ --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
991
+ --bgWarningDefaultHover: #F8E6A0;
992
+ --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
993
+ --bgWarningDefaultPressed: #F5D247;
994
+ --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
995
+ --bgWarningBold: #B58200;
996
+ --bgWarningBold-rgb: hex-to-rgb(#B58200);
997
+ --bgWarningBoldHover: #A16600;
998
+ --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
999
+ --bgWarningBoldPressed: #8A5301;
1000
+ --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
1001
+ --bgSuccessDefault: #E0FFF0;
1002
+ --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
1003
+ --bgSuccessDefaultHover: #C2F2D7;
1004
+ --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
1005
+ --bgSuccessDefaultPressed: #80E5A9;
1006
+ --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
1007
+ --bgSuccessBold: #1F9947;
1008
+ --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
1009
+ --bgSuccessBoldHover: #19803B;
1010
+ --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
1011
+ --bgSuccessBoldPressed: #216E3A;
1012
+ --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
1013
+ --bgDisabledDefault: #F3F4F5;
1014
+ --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
1015
+ --surfaceDefault: #F3F4F5;
1016
+ --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
1017
+ --surfaceSunken: #E8EAED;
1018
+ --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
1019
+ --surfaceRisen: #ffffff;
1020
+ --surfaceRisen-rgb: hex-to-rgb(#ffffff);
1021
+ --surfaceOverlay: #ffffff;
1022
+ --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
1023
+ --borderNeutralDefault: #D5D7DD;
1024
+ --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
1025
+ --borderNeutralSubtle: #E8EAED;
1026
+ --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
1027
+ --borderNeutralSubtlest: #ffffff;
1028
+ --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
1029
+ --borderBrandDefault: #554C85;
1030
+ --borderBrandDefault-rgb: hex-to-rgb(#554C85);
1031
+ --borderPromoDefault: #A58B4B;
1032
+ --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
1033
+ --borderInfoDefault: #554C85;
1034
+ --borderInfoDefault-rgb: hex-to-rgb(#554C85);
1035
+ --borderErrorDefault: #E24B3D;
1036
+ --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
1037
+ --borderWarningDefault: #B58200;
1038
+ --borderWarningDefault-rgb: hex-to-rgb(#B58200);
1039
+ --borderSuccessDefault: #1F9947;
1040
+ --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
1041
+ --borderDisabledDefault: #E8EAED;
1042
+ --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
1043
+ --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
1044
+ --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
1045
+ --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
1046
+ --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
1047
+ --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
1048
+ --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
1049
+ --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
1050
+ --gradientPromoHover: #85703D;
1051
+ --gradientPromoHover-rgb: hex-to-rgb(#85703D);
1052
+ --gradientPromoActive: #85703D;
1053
+ --gradientPromoActive-rgb: hex-to-rgb(#85703D);
1054
+ --categoryYellow: #ffd200;
1055
+ --categoryYellow-rgb: hex-to-rgb(#ffd200);
1056
+ --categoryOrange: #fa9646;
1057
+ --categoryOrange-rgb: hex-to-rgb(#fa9646);
1058
+ --categoryPink: #b74676;
1059
+ --categoryPink-rgb: hex-to-rgb(#b74676);
1060
+ --categoryCherry: #a51854;
1061
+ --categoryCherry-rgb: hex-to-rgb(#a51854);
1062
+ --categoryViolet: #966ebe;
1063
+ --categoryViolet-rgb: hex-to-rgb(#966ebe);
1064
+ --categoryOceanBlue: #3c64c8;
1065
+ --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
1066
+ --categorySkyBlue: #aad2f0;
1067
+ --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
1068
+ --categoryMidnightBlue: #3d4552;
1069
+ --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
1070
+ --categorySemiBlue: #d0cddd;
1071
+ --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
1072
+ --categoryTorquise: #64bed2;
1073
+ --categoryTorquise-rgb: hex-to-rgb(#64bed2);
1074
+ --categoryMintGreen: #6c9;
1075
+ --categoryMintGreen-rgb: hex-to-rgb(#6c9);
1076
+ --categoryForestGreen: #50825a;
1077
+ --categoryForestGreen-rgb: hex-to-rgb(#50825a);
1078
+ --categoryOliveGreen: #c2cc8f;
1079
+ --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
1080
+ --thirdPartyFacebook: #4267b2;
1081
+ --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
1082
+ --thirdPartyTwitter: #1da1f2;
1083
+ --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
1084
+ --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
1085
+ --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
1086
+ --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
1087
+ --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
1088
+ --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
1089
+ --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
1090
+ }
1091
1091
  }
1092
1092
  body {
1093
1093
  --transparent: transparent;
@@ -3591,11 +3591,11 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
3591
3591
  background: var(--gradientGold);
3592
3592
  color: var(--fgInverseDefault);
3593
3593
  }
3594
- .c-avatar.u-bg--gradientblueRed {
3594
+ .c-avatar.u-bg--gradientBlueRed {
3595
3595
  background: var(--gradientBlueRed);
3596
3596
  color: var(--fgWhiteDefault);
3597
3597
  }
3598
- .c-avatar.u-bg--gradientblueRedDark {
3598
+ .c-avatar.u-bg--gradientBlueRedDark {
3599
3599
  background: var(--gradientBlueRedDark);
3600
3600
  color: var(--fgWhiteDefault);
3601
3601
  }
@@ -4721,6 +4721,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
4721
4721
  .c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon {
4722
4722
  position: absolute;
4723
4723
  }
4724
+ .c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon .c-icon {
4725
+ height: var(--heightIconAvatar);
4726
+ width: var(--widthIconAvatar);
4727
+ }
4724
4728
  .c-contentTableRow__iconColumn__iconBottomLeft .c-contentTableRow__subtitleIcon {
4725
4729
  bottom: 0;
4726
4730
  left: 0;
@@ -9343,7 +9347,7 @@ body.dark .u-fg--fgWhiteDefault {
9343
9347
  /* Slider */
9344
9348
  .slick-loading .slick-list
9345
9349
  {
9346
- background: #fff url('assets/406acbfa2d1592eb5627.gif') center center no-repeat;
9350
+ background: #fff url('assets/65e86be321a5c2f52c5c.gif') center center no-repeat;
9347
9351
  }
9348
9352
 
9349
9353
  /* Icons */
@@ -9353,8 +9357,8 @@ body.dark .u-fg--fgWhiteDefault {
9353
9357
  font-weight: normal;
9354
9358
  font-style: normal;
9355
9359
 
9356
- src: url('assets/4cb0022fba7e808cc826.eot');
9357
- src: url('assets/700d490cfe4245bc168d.eot') format('embedded-opentype'), url('assets/a3578d4fa028c385c1e0.woff') format('woff'), url('assets/af4f538e22ec6d430049.ttf') format('truetype'), url('assets/72cb0cdcb560c7a32f8d.svg') format('svg');
9360
+ src: url('assets/d1ad4e29c748f1649818.eot');
9361
+ src: url('assets/d690fcfd2b97350fdc96.eot') format('embedded-opentype'), url('assets/967f62efc9e9e37bd05e.woff') format('woff'), url('assets/226be6d5198c80316d3b.ttf') format('truetype'), url('assets/2a1d4921621a1d77db19.svg') format('svg');
9358
9362
  }
9359
9363
  /* Arrows */
9360
9364
  .slick-prev,
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "module": "./index.js",
4
4
  "typings": "./index.d.ts",
5
5
  "name": "@mmb-digital/ds-lilly",
6
- "version": "1.0.0-alpha.61",
6
+ "version": "1.0.0-alpha.62",
7
7
  "description": "MMB LILLY design system",
8
8
  "license": "UNLICENSED",
9
9
  "sideEffects": [