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

package/cjs/ds-lilly.css

@@ -702,200 +702,6 @@ body.dark {
 @media (prefers-color-scheme: dark) {
   /* defaults to dark theme */
   body {
-    --fgNeutralDefault: #17181C;
-    --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
-    --fgNeutralSubtle: #606876;
-    --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
-    --fgNeutralSubtlest: #7D8594;
-    --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
-    --fgBrandDefault: #403677;
-    --fgBrandDefault-rgb: hex-to-rgb(#403677);
-    --fgPromoDefault: #85703D;
-    --fgPromoDefault-rgb: hex-to-rgb(#85703D);
-    --fgLinkDefault: #403677;
-    --fgLinkDefault-rgb: hex-to-rgb(#403677);
-    --fgLinkDefaultHover: #140757;
-    --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
-    --fgLinkDefaultPressed: #0F0541;
-    --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
-    --fgInfoDefault: #403677;
-    --fgInfoDefault-rgb: hex-to-rgb(#403677);
-    --fgErrorDefault: #C9392C;
-    --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
-    --fgWarningDefault: #A16600;
-    --fgWarningDefault-rgb: hex-to-rgb(#A16600);
-    --fgSuccessDefault: #19803B;
-    --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
-    --fgInverseDefault: #ffffff;
-    --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
-    --fgDisabledDefault: #A0A5B1;
-    --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
-    --fgWhiteDefault: #ffffff;
-    --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
-    --bgNeutralDefault: #E8EAED;
-    --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
-    --bgNeutralDefaultHover: #D5D7DD;
-    --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
-    --bgNeutralDefaultActive: #A0A5B1;
-    --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
-    --bgNeutralSubtle: #F3F4F5;
-    --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
-    --bgNeutralSubtleHover: #E8EAED;
-    --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
-    --bgNeutralSubtleActive: #D5D7DD;
-    --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
-    --bgNeutralSubtlest: #ffffff;
-    --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
-    --bgNeutralSubtlestHover: #F3F4F5;
-    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
-    --bgNeutralSubtlestActive: #E8EAED;
-    --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
-    --bgBrandDefault: #E4E7F5;
-    --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
-    --bgBrandDefaultHover: #9C97B9;
-    --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
-    --bgBrandDefaultPressed: #665E91;
-    --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
-    --bgBrandBold: #403677;
-    --bgBrandBold-rgb: hex-to-rgb(#403677);
-    --bgBrandBoldHover: #140757;
-    --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
-    --bgBrandBoldPressed: #0F0541;
-    --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
-    --bgPromoBold: #A58B4B;
-    --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
-    --bgPromoBoldHover: #85703D;
-    --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
-    --bgPromoBoldPressed: #62532D;
-    --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
-    --bgInfoDefault: #E4E7F5;
-    --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
-    --bgInfoDefaultHover: #9C97B9;
-    --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
-    --bgInfoDefaultPressed: #665E91;
-    --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
-    --bgInfoBold: #403677;
-    --bgInfoBold-rgb: hex-to-rgb(#403677);
-    --bgInfoBoldHover: #140757;
-    --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
-    --bgInfoBoldPressed: #0F0541;
-    --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
-    --bgErrorDefault: #FFEAE8;
-    --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
-    --bgErrorDefaultHover: #FFD6D2;
-    --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
-    --bgErrorDefaultPressed: #FD9A91;
-    --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
-    --bgErrorBold: #E24B3D;
-    --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
-    --bgErrorBoldHover: #C9392C;
-    --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
-    --bgErrorBoldPressed: #AE3024;
-    --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
-    --bgWarningDefault: #FFF9DB;
-    --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
-    --bgWarningDefaultHover: #F8E6A0;
-    --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
-    --bgWarningDefaultPressed: #F5D247;
-    --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
-    --bgWarningBold: #B58200;
-    --bgWarningBold-rgb: hex-to-rgb(#B58200);
-    --bgWarningBoldHover: #A16600;
-    --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
-    --bgWarningBoldPressed: #8A5301;
-    --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
-    --bgSuccessDefault: #E0FFF0;
-    --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
-    --bgSuccessDefaultHover: #C2F2D7;
-    --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
-    --bgSuccessDefaultPressed: #80E5A9;
-    --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
-    --bgSuccessBold: #1F9947;
-    --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
-    --bgSuccessBoldHover: #19803B;
-    --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
-    --bgSuccessBoldPressed: #216E3A;
-    --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
-    --bgDisabledDefault: #F3F4F5;
-    --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
-    --surfaceDefault: #F3F4F5;
-    --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
-    --surfaceSunken: #E8EAED;
-    --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
-    --surfaceRisen: #ffffff;
-    --surfaceRisen-rgb: hex-to-rgb(#ffffff);
-    --surfaceOverlay: #ffffff;
-    --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
-    --borderNeutralDefault: #D5D7DD;
-    --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
-    --borderNeutralSubtle: #E8EAED;
-    --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
-    --borderNeutralSubtlest: #ffffff;
-    --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
-    --borderBrandDefault: #554C85;
-    --borderBrandDefault-rgb: hex-to-rgb(#554C85);
-    --borderPromoDefault: #A58B4B;
-    --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
-    --borderInfoDefault: #554C85;
-    --borderInfoDefault-rgb: hex-to-rgb(#554C85);
-    --borderErrorDefault: #E24B3D;
-    --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
-    --borderWarningDefault: #B58200;
-    --borderWarningDefault-rgb: hex-to-rgb(#B58200);
-    --borderSuccessDefault: #1F9947;
-    --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
-    --borderDisabledDefault: #E8EAED;
-    --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
-    --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
-    --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
-    --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
-    --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
-    --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
-    --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
-    --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
-    --gradientPromoHover: #85703D;
-    --gradientPromoHover-rgb: hex-to-rgb(#85703D);
-    --gradientPromoActive: #85703D;
-    --gradientPromoActive-rgb: hex-to-rgb(#85703D);
-    --categoryYellow: #ffd200;
-    --categoryYellow-rgb: hex-to-rgb(#ffd200);
-    --categoryOrange: #fa9646;
-    --categoryOrange-rgb: hex-to-rgb(#fa9646);
-    --categoryPink: #b74676;
-    --categoryPink-rgb: hex-to-rgb(#b74676);
-    --categoryCherry: #a51854;
-    --categoryCherry-rgb: hex-to-rgb(#a51854);
-    --categoryViolet: #966ebe;
-    --categoryViolet-rgb: hex-to-rgb(#966ebe);
-    --categoryOceanBlue: #3c64c8;
-    --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
-    --categorySkyBlue: #aad2f0;
-    --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
-    --categoryMidnightBlue: #3d4552;
-    --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
-    --categorySemiBlue: #d0cddd;
-    --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
-    --categoryTorquise: #64bed2;
-    --categoryTorquise-rgb: hex-to-rgb(#64bed2);
-    --categoryMintGreen: #6c9;
-    --categoryMintGreen-rgb: hex-to-rgb(#6c9);
-    --categoryForestGreen: #50825a;
-    --categoryForestGreen-rgb: hex-to-rgb(#50825a);
-    --categoryOliveGreen: #c2cc8f;
-    --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
-    --thirdPartyFacebook: #4267b2;
-    --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
-    --thirdPartyTwitter: #1da1f2;
-    --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
-    --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
-    --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
-    --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
-    --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
-    --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
-  }
-  /* Override dark mode with light mode styles if the user decides to swap */
-  body.light {
     --fgNeutralDefault: #F3F4F5;
     --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
     --fgNeutralSubtle: #878D99;
@@ -1088,6 +894,200 @@ body.dark {
     --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
     --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
   }
+  /* Override dark mode with light mode styles if the user decides to swap */
+  body.light {
+    --fgNeutralDefault: #17181C;
+    --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
+    --fgNeutralSubtle: #606876;
+    --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
+    --fgNeutralSubtlest: #7D8594;
+    --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
+    --fgBrandDefault: #403677;
+    --fgBrandDefault-rgb: hex-to-rgb(#403677);
+    --fgPromoDefault: #85703D;
+    --fgPromoDefault-rgb: hex-to-rgb(#85703D);
+    --fgLinkDefault: #403677;
+    --fgLinkDefault-rgb: hex-to-rgb(#403677);
+    --fgLinkDefaultHover: #140757;
+    --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
+    --fgLinkDefaultPressed: #0F0541;
+    --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
+    --fgInfoDefault: #403677;
+    --fgInfoDefault-rgb: hex-to-rgb(#403677);
+    --fgErrorDefault: #C9392C;
+    --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
+    --fgWarningDefault: #A16600;
+    --fgWarningDefault-rgb: hex-to-rgb(#A16600);
+    --fgSuccessDefault: #19803B;
+    --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
+    --fgInverseDefault: #ffffff;
+    --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
+    --fgDisabledDefault: #A0A5B1;
+    --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
+    --fgWhiteDefault: #ffffff;
+    --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
+    --bgNeutralDefault: #E8EAED;
+    --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
+    --bgNeutralDefaultHover: #D5D7DD;
+    --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
+    --bgNeutralDefaultActive: #A0A5B1;
+    --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
+    --bgNeutralSubtle: #F3F4F5;
+    --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
+    --bgNeutralSubtleHover: #E8EAED;
+    --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
+    --bgNeutralSubtleActive: #D5D7DD;
+    --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
+    --bgNeutralSubtlest: #ffffff;
+    --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
+    --bgNeutralSubtlestHover: #F3F4F5;
+    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
+    --bgNeutralSubtlestActive: #E8EAED;
+    --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
+    --bgBrandDefault: #E4E7F5;
+    --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
+    --bgBrandDefaultHover: #9C97B9;
+    --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
+    --bgBrandDefaultPressed: #665E91;
+    --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
+    --bgBrandBold: #403677;
+    --bgBrandBold-rgb: hex-to-rgb(#403677);
+    --bgBrandBoldHover: #140757;
+    --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
+    --bgBrandBoldPressed: #0F0541;
+    --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
+    --bgPromoBold: #A58B4B;
+    --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
+    --bgPromoBoldHover: #85703D;
+    --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
+    --bgPromoBoldPressed: #62532D;
+    --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
+    --bgInfoDefault: #E4E7F5;
+    --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
+    --bgInfoDefaultHover: #9C97B9;
+    --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
+    --bgInfoDefaultPressed: #665E91;
+    --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
+    --bgInfoBold: #403677;
+    --bgInfoBold-rgb: hex-to-rgb(#403677);
+    --bgInfoBoldHover: #140757;
+    --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
+    --bgInfoBoldPressed: #0F0541;
+    --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
+    --bgErrorDefault: #FFEAE8;
+    --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
+    --bgErrorDefaultHover: #FFD6D2;
+    --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
+    --bgErrorDefaultPressed: #FD9A91;
+    --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
+    --bgErrorBold: #E24B3D;
+    --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
+    --bgErrorBoldHover: #C9392C;
+    --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
+    --bgErrorBoldPressed: #AE3024;
+    --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
+    --bgWarningDefault: #FFF9DB;
+    --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
+    --bgWarningDefaultHover: #F8E6A0;
+    --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
+    --bgWarningDefaultPressed: #F5D247;
+    --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
+    --bgWarningBold: #B58200;
+    --bgWarningBold-rgb: hex-to-rgb(#B58200);
+    --bgWarningBoldHover: #A16600;
+    --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
+    --bgWarningBoldPressed: #8A5301;
+    --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
+    --bgSuccessDefault: #E0FFF0;
+    --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
+    --bgSuccessDefaultHover: #C2F2D7;
+    --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
+    --bgSuccessDefaultPressed: #80E5A9;
+    --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
+    --bgSuccessBold: #1F9947;
+    --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
+    --bgSuccessBoldHover: #19803B;
+    --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
+    --bgSuccessBoldPressed: #216E3A;
+    --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
+    --bgDisabledDefault: #F3F4F5;
+    --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
+    --surfaceDefault: #F3F4F5;
+    --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
+    --surfaceSunken: #E8EAED;
+    --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
+    --surfaceRisen: #ffffff;
+    --surfaceRisen-rgb: hex-to-rgb(#ffffff);
+    --surfaceOverlay: #ffffff;
+    --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
+    --borderNeutralDefault: #D5D7DD;
+    --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
+    --borderNeutralSubtle: #E8EAED;
+    --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
+    --borderNeutralSubtlest: #ffffff;
+    --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
+    --borderBrandDefault: #554C85;
+    --borderBrandDefault-rgb: hex-to-rgb(#554C85);
+    --borderPromoDefault: #A58B4B;
+    --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
+    --borderInfoDefault: #554C85;
+    --borderInfoDefault-rgb: hex-to-rgb(#554C85);
+    --borderErrorDefault: #E24B3D;
+    --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
+    --borderWarningDefault: #B58200;
+    --borderWarningDefault-rgb: hex-to-rgb(#B58200);
+    --borderSuccessDefault: #1F9947;
+    --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
+    --borderDisabledDefault: #E8EAED;
+    --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
+    --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
+    --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
+    --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
+    --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
+    --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
+    --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
+    --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
+    --gradientPromoHover: #85703D;
+    --gradientPromoHover-rgb: hex-to-rgb(#85703D);
+    --gradientPromoActive: #85703D;
+    --gradientPromoActive-rgb: hex-to-rgb(#85703D);
+    --categoryYellow: #ffd200;
+    --categoryYellow-rgb: hex-to-rgb(#ffd200);
+    --categoryOrange: #fa9646;
+    --categoryOrange-rgb: hex-to-rgb(#fa9646);
+    --categoryPink: #b74676;
+    --categoryPink-rgb: hex-to-rgb(#b74676);
+    --categoryCherry: #a51854;
+    --categoryCherry-rgb: hex-to-rgb(#a51854);
+    --categoryViolet: #966ebe;
+    --categoryViolet-rgb: hex-to-rgb(#966ebe);
+    --categoryOceanBlue: #3c64c8;
+    --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
+    --categorySkyBlue: #aad2f0;
+    --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
+    --categoryMidnightBlue: #3d4552;
+    --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
+    --categorySemiBlue: #d0cddd;
+    --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
+    --categoryTorquise: #64bed2;
+    --categoryTorquise-rgb: hex-to-rgb(#64bed2);
+    --categoryMintGreen: #6c9;
+    --categoryMintGreen-rgb: hex-to-rgb(#6c9);
+    --categoryForestGreen: #50825a;
+    --categoryForestGreen-rgb: hex-to-rgb(#50825a);
+    --categoryOliveGreen: #c2cc8f;
+    --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
+    --thirdPartyFacebook: #4267b2;
+    --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
+    --thirdPartyTwitter: #1da1f2;
+    --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
+    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
+    --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
+    --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
+    --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
+    --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
+    --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
+  }
 }
 body {
   --transparent: transparent;
@@ -3591,11 +3591,11 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   background: var(--gradientGold);
   color: var(--fgInverseDefault);
 }
-.c-avatar.u-bg--gradientblueRed {
+.c-avatar.u-bg--gradientBlueRed {
   background: var(--gradientBlueRed);
   color: var(--fgWhiteDefault);
 }
-.c-avatar.u-bg--gradientblueRedDark {
+.c-avatar.u-bg--gradientBlueRedDark {
   background: var(--gradientBlueRedDark);
   color: var(--fgWhiteDefault);
 }
@@ -4721,6 +4721,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon {
   position: absolute;
 }
+.c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon .c-icon {
+  height: var(--heightIconAvatar);
+  width: var(--widthIconAvatar);
+}
 .c-contentTableRow__iconColumn__iconBottomLeft .c-contentTableRow__subtitleIcon {
   bottom: 0;
   left: 0;
@@ -9343,7 +9347,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/6cb3ef97e67c90285d25.gif') center center no-repeat;
+    background: #fff url('assets/7ef2347a94e65854fbe3.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9353,8 +9357,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/c30da7a5339be9f27570.eot');
-    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');
+    src: url('assets/d7420a2166527e49ae84.eot');
+    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');
 }
 /* Arrows */
 .slick-prev,

package/ds-lilly.css

@@ -702,200 +702,6 @@ body.dark {
 @media (prefers-color-scheme: dark) {
   /* defaults to dark theme */
   body {
-    --fgNeutralDefault: #17181C;
-    --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
-    --fgNeutralSubtle: #606876;
-    --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
-    --fgNeutralSubtlest: #7D8594;
-    --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
-    --fgBrandDefault: #403677;
-    --fgBrandDefault-rgb: hex-to-rgb(#403677);
-    --fgPromoDefault: #85703D;
-    --fgPromoDefault-rgb: hex-to-rgb(#85703D);
-    --fgLinkDefault: #403677;
-    --fgLinkDefault-rgb: hex-to-rgb(#403677);
-    --fgLinkDefaultHover: #140757;
-    --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
-    --fgLinkDefaultPressed: #0F0541;
-    --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
-    --fgInfoDefault: #403677;
-    --fgInfoDefault-rgb: hex-to-rgb(#403677);
-    --fgErrorDefault: #C9392C;
-    --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
-    --fgWarningDefault: #A16600;
-    --fgWarningDefault-rgb: hex-to-rgb(#A16600);
-    --fgSuccessDefault: #19803B;
-    --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
-    --fgInverseDefault: #ffffff;
-    --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
-    --fgDisabledDefault: #A0A5B1;
-    --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
-    --fgWhiteDefault: #ffffff;
-    --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
-    --bgNeutralDefault: #E8EAED;
-    --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
-    --bgNeutralDefaultHover: #D5D7DD;
-    --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
-    --bgNeutralDefaultActive: #A0A5B1;
-    --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
-    --bgNeutralSubtle: #F3F4F5;
-    --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
-    --bgNeutralSubtleHover: #E8EAED;
-    --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
-    --bgNeutralSubtleActive: #D5D7DD;
-    --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
-    --bgNeutralSubtlest: #ffffff;
-    --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
-    --bgNeutralSubtlestHover: #F3F4F5;
-    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
-    --bgNeutralSubtlestActive: #E8EAED;
-    --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
-    --bgBrandDefault: #E4E7F5;
-    --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
-    --bgBrandDefaultHover: #9C97B9;
-    --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
-    --bgBrandDefaultPressed: #665E91;
-    --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
-    --bgBrandBold: #403677;
-    --bgBrandBold-rgb: hex-to-rgb(#403677);
-    --bgBrandBoldHover: #140757;
-    --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
-    --bgBrandBoldPressed: #0F0541;
-    --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
-    --bgPromoBold: #A58B4B;
-    --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
-    --bgPromoBoldHover: #85703D;
-    --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
-    --bgPromoBoldPressed: #62532D;
-    --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
-    --bgInfoDefault: #E4E7F5;
-    --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
-    --bgInfoDefaultHover: #9C97B9;
-    --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
-    --bgInfoDefaultPressed: #665E91;
-    --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
-    --bgInfoBold: #403677;
-    --bgInfoBold-rgb: hex-to-rgb(#403677);
-    --bgInfoBoldHover: #140757;
-    --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
-    --bgInfoBoldPressed: #0F0541;
-    --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
-    --bgErrorDefault: #FFEAE8;
-    --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
-    --bgErrorDefaultHover: #FFD6D2;
-    --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
-    --bgErrorDefaultPressed: #FD9A91;
-    --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
-    --bgErrorBold: #E24B3D;
-    --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
-    --bgErrorBoldHover: #C9392C;
-    --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
-    --bgErrorBoldPressed: #AE3024;
-    --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
-    --bgWarningDefault: #FFF9DB;
-    --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
-    --bgWarningDefaultHover: #F8E6A0;
-    --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
-    --bgWarningDefaultPressed: #F5D247;
-    --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
-    --bgWarningBold: #B58200;
-    --bgWarningBold-rgb: hex-to-rgb(#B58200);
-    --bgWarningBoldHover: #A16600;
-    --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
-    --bgWarningBoldPressed: #8A5301;
-    --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
-    --bgSuccessDefault: #E0FFF0;
-    --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
-    --bgSuccessDefaultHover: #C2F2D7;
-    --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
-    --bgSuccessDefaultPressed: #80E5A9;
-    --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
-    --bgSuccessBold: #1F9947;
-    --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
-    --bgSuccessBoldHover: #19803B;
-    --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
-    --bgSuccessBoldPressed: #216E3A;
-    --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
-    --bgDisabledDefault: #F3F4F5;
-    --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
-    --surfaceDefault: #F3F4F5;
-    --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
-    --surfaceSunken: #E8EAED;
-    --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
-    --surfaceRisen: #ffffff;
-    --surfaceRisen-rgb: hex-to-rgb(#ffffff);
-    --surfaceOverlay: #ffffff;
-    --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
-    --borderNeutralDefault: #D5D7DD;
-    --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
-    --borderNeutralSubtle: #E8EAED;
-    --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
-    --borderNeutralSubtlest: #ffffff;
-    --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
-    --borderBrandDefault: #554C85;
-    --borderBrandDefault-rgb: hex-to-rgb(#554C85);
-    --borderPromoDefault: #A58B4B;
-    --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
-    --borderInfoDefault: #554C85;
-    --borderInfoDefault-rgb: hex-to-rgb(#554C85);
-    --borderErrorDefault: #E24B3D;
-    --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
-    --borderWarningDefault: #B58200;
-    --borderWarningDefault-rgb: hex-to-rgb(#B58200);
-    --borderSuccessDefault: #1F9947;
-    --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
-    --borderDisabledDefault: #E8EAED;
-    --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
-    --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
-    --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
-    --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
-    --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
-    --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
-    --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
-    --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
-    --gradientPromoHover: #85703D;
-    --gradientPromoHover-rgb: hex-to-rgb(#85703D);
-    --gradientPromoActive: #85703D;
-    --gradientPromoActive-rgb: hex-to-rgb(#85703D);
-    --categoryYellow: #ffd200;
-    --categoryYellow-rgb: hex-to-rgb(#ffd200);
-    --categoryOrange: #fa9646;
-    --categoryOrange-rgb: hex-to-rgb(#fa9646);
-    --categoryPink: #b74676;
-    --categoryPink-rgb: hex-to-rgb(#b74676);
-    --categoryCherry: #a51854;
-    --categoryCherry-rgb: hex-to-rgb(#a51854);
-    --categoryViolet: #966ebe;
-    --categoryViolet-rgb: hex-to-rgb(#966ebe);
-    --categoryOceanBlue: #3c64c8;
-    --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
-    --categorySkyBlue: #aad2f0;
-    --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
-    --categoryMidnightBlue: #3d4552;
-    --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
-    --categorySemiBlue: #d0cddd;
-    --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
-    --categoryTorquise: #64bed2;
-    --categoryTorquise-rgb: hex-to-rgb(#64bed2);
-    --categoryMintGreen: #6c9;
-    --categoryMintGreen-rgb: hex-to-rgb(#6c9);
-    --categoryForestGreen: #50825a;
-    --categoryForestGreen-rgb: hex-to-rgb(#50825a);
-    --categoryOliveGreen: #c2cc8f;
-    --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
-    --thirdPartyFacebook: #4267b2;
-    --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
-    --thirdPartyTwitter: #1da1f2;
-    --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
-    --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
-    --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
-    --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
-    --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
-    --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
-  }
-  /* Override dark mode with light mode styles if the user decides to swap */
-  body.light {
     --fgNeutralDefault: #F3F4F5;
     --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
     --fgNeutralSubtle: #878D99;
@@ -1088,6 +894,200 @@ body.dark {
     --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
     --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
   }
+  /* Override dark mode with light mode styles if the user decides to swap */
+  body.light {
+    --fgNeutralDefault: #17181C;
+    --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
+    --fgNeutralSubtle: #606876;
+    --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
+    --fgNeutralSubtlest: #7D8594;
+    --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
+    --fgBrandDefault: #403677;
+    --fgBrandDefault-rgb: hex-to-rgb(#403677);
+    --fgPromoDefault: #85703D;
+    --fgPromoDefault-rgb: hex-to-rgb(#85703D);
+    --fgLinkDefault: #403677;
+    --fgLinkDefault-rgb: hex-to-rgb(#403677);
+    --fgLinkDefaultHover: #140757;
+    --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
+    --fgLinkDefaultPressed: #0F0541;
+    --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
+    --fgInfoDefault: #403677;
+    --fgInfoDefault-rgb: hex-to-rgb(#403677);
+    --fgErrorDefault: #C9392C;
+    --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
+    --fgWarningDefault: #A16600;
+    --fgWarningDefault-rgb: hex-to-rgb(#A16600);
+    --fgSuccessDefault: #19803B;
+    --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
+    --fgInverseDefault: #ffffff;
+    --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
+    --fgDisabledDefault: #A0A5B1;
+    --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
+    --fgWhiteDefault: #ffffff;
+    --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
+    --bgNeutralDefault: #E8EAED;
+    --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
+    --bgNeutralDefaultHover: #D5D7DD;
+    --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
+    --bgNeutralDefaultActive: #A0A5B1;
+    --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
+    --bgNeutralSubtle: #F3F4F5;
+    --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
+    --bgNeutralSubtleHover: #E8EAED;
+    --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
+    --bgNeutralSubtleActive: #D5D7DD;
+    --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
+    --bgNeutralSubtlest: #ffffff;
+    --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
+    --bgNeutralSubtlestHover: #F3F4F5;
+    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
+    --bgNeutralSubtlestActive: #E8EAED;
+    --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
+    --bgBrandDefault: #E4E7F5;
+    --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
+    --bgBrandDefaultHover: #9C97B9;
+    --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
+    --bgBrandDefaultPressed: #665E91;
+    --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
+    --bgBrandBold: #403677;
+    --bgBrandBold-rgb: hex-to-rgb(#403677);
+    --bgBrandBoldHover: #140757;
+    --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
+    --bgBrandBoldPressed: #0F0541;
+    --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
+    --bgPromoBold: #A58B4B;
+    --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
+    --bgPromoBoldHover: #85703D;
+    --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
+    --bgPromoBoldPressed: #62532D;
+    --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
+    --bgInfoDefault: #E4E7F5;
+    --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
+    --bgInfoDefaultHover: #9C97B9;
+    --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
+    --bgInfoDefaultPressed: #665E91;
+    --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
+    --bgInfoBold: #403677;
+    --bgInfoBold-rgb: hex-to-rgb(#403677);
+    --bgInfoBoldHover: #140757;
+    --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
+    --bgInfoBoldPressed: #0F0541;
+    --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
+    --bgErrorDefault: #FFEAE8;
+    --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
+    --bgErrorDefaultHover: #FFD6D2;
+    --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
+    --bgErrorDefaultPressed: #FD9A91;
+    --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
+    --bgErrorBold: #E24B3D;
+    --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
+    --bgErrorBoldHover: #C9392C;
+    --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
+    --bgErrorBoldPressed: #AE3024;
+    --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
+    --bgWarningDefault: #FFF9DB;
+    --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
+    --bgWarningDefaultHover: #F8E6A0;
+    --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
+    --bgWarningDefaultPressed: #F5D247;
+    --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
+    --bgWarningBold: #B58200;
+    --bgWarningBold-rgb: hex-to-rgb(#B58200);
+    --bgWarningBoldHover: #A16600;
+    --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
+    --bgWarningBoldPressed: #8A5301;
+    --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
+    --bgSuccessDefault: #E0FFF0;
+    --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
+    --bgSuccessDefaultHover: #C2F2D7;
+    --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
+    --bgSuccessDefaultPressed: #80E5A9;
+    --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
+    --bgSuccessBold: #1F9947;
+    --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
+    --bgSuccessBoldHover: #19803B;
+    --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
+    --bgSuccessBoldPressed: #216E3A;
+    --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
+    --bgDisabledDefault: #F3F4F5;
+    --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
+    --surfaceDefault: #F3F4F5;
+    --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
+    --surfaceSunken: #E8EAED;
+    --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
+    --surfaceRisen: #ffffff;
+    --surfaceRisen-rgb: hex-to-rgb(#ffffff);
+    --surfaceOverlay: #ffffff;
+    --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
+    --borderNeutralDefault: #D5D7DD;
+    --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
+    --borderNeutralSubtle: #E8EAED;
+    --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
+    --borderNeutralSubtlest: #ffffff;
+    --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
+    --borderBrandDefault: #554C85;
+    --borderBrandDefault-rgb: hex-to-rgb(#554C85);
+    --borderPromoDefault: #A58B4B;
+    --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
+    --borderInfoDefault: #554C85;
+    --borderInfoDefault-rgb: hex-to-rgb(#554C85);
+    --borderErrorDefault: #E24B3D;
+    --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
+    --borderWarningDefault: #B58200;
+    --borderWarningDefault-rgb: hex-to-rgb(#B58200);
+    --borderSuccessDefault: #1F9947;
+    --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
+    --borderDisabledDefault: #E8EAED;
+    --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
+    --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
+    --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
+    --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
+    --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
+    --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
+    --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
+    --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
+    --gradientPromoHover: #85703D;
+    --gradientPromoHover-rgb: hex-to-rgb(#85703D);
+    --gradientPromoActive: #85703D;
+    --gradientPromoActive-rgb: hex-to-rgb(#85703D);
+    --categoryYellow: #ffd200;
+    --categoryYellow-rgb: hex-to-rgb(#ffd200);
+    --categoryOrange: #fa9646;
+    --categoryOrange-rgb: hex-to-rgb(#fa9646);
+    --categoryPink: #b74676;
+    --categoryPink-rgb: hex-to-rgb(#b74676);
+    --categoryCherry: #a51854;
+    --categoryCherry-rgb: hex-to-rgb(#a51854);
+    --categoryViolet: #966ebe;
+    --categoryViolet-rgb: hex-to-rgb(#966ebe);
+    --categoryOceanBlue: #3c64c8;
+    --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
+    --categorySkyBlue: #aad2f0;
+    --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
+    --categoryMidnightBlue: #3d4552;
+    --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
+    --categorySemiBlue: #d0cddd;
+    --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
+    --categoryTorquise: #64bed2;
+    --categoryTorquise-rgb: hex-to-rgb(#64bed2);
+    --categoryMintGreen: #6c9;
+    --categoryMintGreen-rgb: hex-to-rgb(#6c9);
+    --categoryForestGreen: #50825a;
+    --categoryForestGreen-rgb: hex-to-rgb(#50825a);
+    --categoryOliveGreen: #c2cc8f;
+    --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
+    --thirdPartyFacebook: #4267b2;
+    --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
+    --thirdPartyTwitter: #1da1f2;
+    --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
+    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
+    --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
+    --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
+    --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
+    --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
+    --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
+  }
 }
 body {
   --transparent: transparent;
@@ -3591,11 +3591,11 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   background: var(--gradientGold);
   color: var(--fgInverseDefault);
 }
-.c-avatar.u-bg--gradientblueRed {
+.c-avatar.u-bg--gradientBlueRed {
   background: var(--gradientBlueRed);
   color: var(--fgWhiteDefault);
 }
-.c-avatar.u-bg--gradientblueRedDark {
+.c-avatar.u-bg--gradientBlueRedDark {
   background: var(--gradientBlueRedDark);
   color: var(--fgWhiteDefault);
 }
@@ -4721,6 +4721,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon {
   position: absolute;
 }
+.c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon .c-icon {
+  height: var(--heightIconAvatar);
+  width: var(--widthIconAvatar);
+}
 .c-contentTableRow__iconColumn__iconBottomLeft .c-contentTableRow__subtitleIcon {
   bottom: 0;
   left: 0;
@@ -9343,7 +9347,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/406acbfa2d1592eb5627.gif') center center no-repeat;
+    background: #fff url('assets/65e86be321a5c2f52c5c.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9353,8 +9357,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/4cb0022fba7e808cc826.eot');
-    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');
+    src: url('assets/d1ad4e29c748f1649818.eot');
+    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');
 }
 /* Arrows */
 .slick-prev,

package/package.json

@@ -3,7 +3,7 @@
   "module": "./index.js",
   "typings": "./index.d.ts",
   "name": "@mmb-digital/ds-lilly",
-  "version": "1.0.0-alpha.61",
+  "version": "1.0.0-alpha.62",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": [