@mmb-digital/ds-lilly 1.0.0-alpha.74 → 1.0.0-alpha.76

package/cjs/ds-lilly.css

@@ -577,12 +577,12 @@ body.dark {
   --bgInfoDefaultHover-rgb: hex-to-rgb(#1C2841);
   --bgInfoDefaultPressed: #1C2841;
   --bgInfoDefaultPressed-rgb: hex-to-rgb(#1C2841);
-  --bgInfoBold: #3877FF;
-  --bgInfoBold-rgb: hex-to-rgb(#3877FF);
-  --bgInfoBoldHover: #003DBF;
-  --bgInfoBoldHover-rgb: hex-to-rgb(#003DBF);
-  --bgInfoBoldPressed: #082666;
-  --bgInfoBoldPressed-rgb: hex-to-rgb(#082666);
+  --bgInfoBold: #85ACFF;
+  --bgInfoBold-rgb: hex-to-rgb(#85ACFF);
+  --bgInfoBoldHover: #1C65FD;
+  --bgInfoBoldHover-rgb: hex-to-rgb(#1C65FD);
+  --bgInfoBoldPressed: #0C50E4;
+  --bgInfoBoldPressed-rgb: hex-to-rgb(#0C50E4);
   --bgErrorDefault: #42221F;
   --bgErrorDefault-rgb: hex-to-rgb(#42221F);
   --bgErrorDefaultHover: #FFD6D2;
@@ -629,8 +629,8 @@ body.dark {
   --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
   --surfaceOverlay: #17181C;
   --surfaceOverlay-rgb: hex-to-rgb(#17181C);
-  --borderNeutralDefault: #35373D;
-  --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
+  --borderNeutralDefault: #4B4F57;
+  --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
   --borderNeutralSubtle: #27292E;
   --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
   --borderNeutralSubtlest: #1D1F24;
@@ -774,12 +774,12 @@ body.dark {
     --bgInfoDefaultHover-rgb: hex-to-rgb(#1C2841);
     --bgInfoDefaultPressed: #1C2841;
     --bgInfoDefaultPressed-rgb: hex-to-rgb(#1C2841);
-    --bgInfoBold: #3877FF;
-    --bgInfoBold-rgb: hex-to-rgb(#3877FF);
-    --bgInfoBoldHover: #003DBF;
-    --bgInfoBoldHover-rgb: hex-to-rgb(#003DBF);
-    --bgInfoBoldPressed: #082666;
-    --bgInfoBoldPressed-rgb: hex-to-rgb(#082666);
+    --bgInfoBold: #85ACFF;
+    --bgInfoBold-rgb: hex-to-rgb(#85ACFF);
+    --bgInfoBoldHover: #1C65FD;
+    --bgInfoBoldHover-rgb: hex-to-rgb(#1C65FD);
+    --bgInfoBoldPressed: #0C50E4;
+    --bgInfoBoldPressed-rgb: hex-to-rgb(#0C50E4);
     --bgErrorDefault: #42221F;
     --bgErrorDefault-rgb: hex-to-rgb(#42221F);
     --bgErrorDefaultHover: #FFD6D2;
@@ -826,8 +826,8 @@ body.dark {
     --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
     --surfaceOverlay: #17181C;
     --surfaceOverlay-rgb: hex-to-rgb(#17181C);
-    --borderNeutralDefault: #35373D;
-    --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
+    --borderNeutralDefault: #4B4F57;
+    --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
     --borderNeutralSubtle: #27292E;
     --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
     --borderNeutralSubtlest: #1D1F24;
@@ -1295,7 +1295,7 @@ body {
   --backgroundHoverCard: var(--bgNeutralSubtlestHover);
   --borderCard: none;
   --borderRadiusCard: var(--borderRadiusMedium);
-  --boxShadowCard: var(--boxShadowXXSmall);
+  --boxShadowCard: 0px 0px 0px 1px var(--borderNeutralSubtle);
   --paddingCard: var(--spaceLarge);
   --backgroundSelectedCard: var(--bgNeutralSubtlest);
   --backgroundNeutralCard: var(--bgNeutralSubtle);
@@ -3289,6 +3289,7 @@ body.dark .l-header .c-logo__img--dark {
 }
 .l-mobilePanel--secondary .l-mobilePanel__header {
   background: var(--backgroundHeaderSecondaryMobilePanel);
+  color: var(--colorHeaderSecondaryMobilePanel);
 }
 .l-mobilePanel--secondary .l-mobilePanel__header .l-mobilePanel__close {
   color: var(--fgLinkDefault);
@@ -3343,27 +3344,6 @@ body.dark .l-header .c-logo__img--dark {
   padding: 0 var(--spaceMedium);
 }
 
-.l-mobilePanel--secondary .l-mobilePanel__header,
-.l-mobilePanel--secondary .l-mobilePanel__close {
-  color: var(--colorHeaderSecondaryMobilePanel);
-}
-
-body.light .l-mobilePanel--secondary .l-mobilePanel__header,
-body.light .l-mobilePanel--secondary .l-mobilePanel__close {
-  color: var(--colorHeaderSecondaryMobilePanel);
-}
-
-@media (prefers-color-scheme: dark) {
-  .l-mobilePanel--secondary .l-mobilePanel__header,
-  .l-mobilePanel--secondary .l-mobilePanel__close {
-    color: var(--colorHeaderSecondaryMobilePanel);
-  }
-}
-body.dark .l-mobilePanel--secondary .l-mobilePanel__header,
-body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
-  color: var(--colorHeaderSecondaryMobilePanel);
-}
-
 .l-sidebar {
   background: var(--backgroundSidebar);
   max-width: var(--widthSidebar);
@@ -7487,6 +7467,143 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-menu--main .m-menu__item--button:first-child {
   padding: var(--paddingItemFirstButtonMainMenu);
 }
+.m-menu--main .m-menu__item--button:first-child .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+@media (prefers-color-scheme: dark) {
+  .m-menu--main .m-menu__item--button:first-child .c-btn {
+    background: var(--backgroundBtn);
+    border: var(--borderBtn);
+    color: var(--colorBtn);
+  }
+  .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+    background: var(--backgroundHoverBtn);
+    border: var(--borderHoverBtn);
+    color: var(--colorHoverBtn);
+  }
+  .m-menu--main .m-menu__item--button:first-child .c-btn:active {
+    background: var(--backgroundActiveBtn);
+    border: var(--borderActiveBtn);
+    color: var(--colorActiveBtn);
+  }
+  .light .m-menu--main .m-menu__item--button:first-child .c-btn {
+    background: var(--backgroundBorderBtn);
+    border: var(--borderBorderBtn);
+    color: var(--colorBorderBtn);
+  }
+  .light .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+    background: var(--backgroundHoverBorderBtn);
+    border: var(--borderHoverBorderBtn);
+    color: var(--colorHoverBorderBtn);
+  }
+  .light .m-menu--main .m-menu__item--button:first-child .c-btn:active {
+    background: var(--backgroundActiveBorderBtn);
+    border: var(--borderActiveBorderBtn);
+    color: var(--colorActiveBorderBtn);
+  }
+}
+.m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
+  background: var(--backgroundBtn);
+  border: var(--borderBtn);
+  color: var(--colorBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.dark .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:focus {
+  background: var(--backgroundHoverBtn);
+  border: var(--borderHoverBtn);
+  color: var(--colorHoverBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.dark .c-btn:active {
+  background: var(--backgroundActiveBtn);
+  border: var(--borderActiveBtn);
+  color: var(--colorActiveBtn);
+}
+.light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child .c-btn {
+  background: var(--backgroundBtn);
+  border: var(--borderBtn);
+  color: var(--colorBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+  background: var(--backgroundHoverBtn);
+  border: var(--borderHoverBtn);
+  color: var(--colorHoverBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child .c-btn:active {
+  background: var(--backgroundActiveBtn);
+  border: var(--borderActiveBtn);
+  color: var(--colorActiveBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.light .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn {
+  background: var(--backgroundBtn);
+  border: var(--borderBtn);
+  color: var(--colorBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
+  background: var(--backgroundHoverBtn);
+  border: var(--borderHoverBtn);
+  color: var(--colorHoverBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
+  background: var(--backgroundActiveBtn);
+  border: var(--borderActiveBtn);
+  color: var(--colorActiveBtn);
+}
 .m-menu--main .m-menu__link {
   padding: var(--paddingLinkMainMenu);
   border-radius: var(--borderRadiusMedium);
@@ -9360,7 +9477,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/c71f76590920e4cc22e5.gif') center center no-repeat;
+    background: #fff url('assets/4e8f12b24ea10728acf6.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9370,8 +9487,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/1875095e1db5de1384cc.eot');
-    src: url('assets/291d450ee7f5804f9f83.eot') format('embedded-opentype'), url('assets/b34b6df87c41b252df2e.woff') format('woff'), url('assets/be27c6380c4038f8c885.ttf') format('truetype'), url('assets/de988486d03b4eee98d0.svg') format('svg');
+    src: url('assets/8a139b0f0a2df61eaf0b.eot');
+    src: url('assets/26fa1e50b228f20c2ab6.eot') format('embedded-opentype'), url('assets/4ee944e34150a2e2b3bf.woff') format('woff'), url('assets/cd8e3aba554b8efc5e52.ttf') format('truetype'), url('assets/823a9c97a77f6fd8f525.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,

package/ds-lilly.css

@@ -577,12 +577,12 @@ body.dark {
   --bgInfoDefaultHover-rgb: hex-to-rgb(#1C2841);
   --bgInfoDefaultPressed: #1C2841;
   --bgInfoDefaultPressed-rgb: hex-to-rgb(#1C2841);
-  --bgInfoBold: #3877FF;
-  --bgInfoBold-rgb: hex-to-rgb(#3877FF);
-  --bgInfoBoldHover: #003DBF;
-  --bgInfoBoldHover-rgb: hex-to-rgb(#003DBF);
-  --bgInfoBoldPressed: #082666;
-  --bgInfoBoldPressed-rgb: hex-to-rgb(#082666);
+  --bgInfoBold: #85ACFF;
+  --bgInfoBold-rgb: hex-to-rgb(#85ACFF);
+  --bgInfoBoldHover: #1C65FD;
+  --bgInfoBoldHover-rgb: hex-to-rgb(#1C65FD);
+  --bgInfoBoldPressed: #0C50E4;
+  --bgInfoBoldPressed-rgb: hex-to-rgb(#0C50E4);
   --bgErrorDefault: #42221F;
   --bgErrorDefault-rgb: hex-to-rgb(#42221F);
   --bgErrorDefaultHover: #FFD6D2;
@@ -629,8 +629,8 @@ body.dark {
   --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
   --surfaceOverlay: #17181C;
   --surfaceOverlay-rgb: hex-to-rgb(#17181C);
-  --borderNeutralDefault: #35373D;
-  --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
+  --borderNeutralDefault: #4B4F57;
+  --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
   --borderNeutralSubtle: #27292E;
   --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
   --borderNeutralSubtlest: #1D1F24;
@@ -774,12 +774,12 @@ body.dark {
     --bgInfoDefaultHover-rgb: hex-to-rgb(#1C2841);
     --bgInfoDefaultPressed: #1C2841;
     --bgInfoDefaultPressed-rgb: hex-to-rgb(#1C2841);
-    --bgInfoBold: #3877FF;
-    --bgInfoBold-rgb: hex-to-rgb(#3877FF);
-    --bgInfoBoldHover: #003DBF;
-    --bgInfoBoldHover-rgb: hex-to-rgb(#003DBF);
-    --bgInfoBoldPressed: #082666;
-    --bgInfoBoldPressed-rgb: hex-to-rgb(#082666);
+    --bgInfoBold: #85ACFF;
+    --bgInfoBold-rgb: hex-to-rgb(#85ACFF);
+    --bgInfoBoldHover: #1C65FD;
+    --bgInfoBoldHover-rgb: hex-to-rgb(#1C65FD);
+    --bgInfoBoldPressed: #0C50E4;
+    --bgInfoBoldPressed-rgb: hex-to-rgb(#0C50E4);
     --bgErrorDefault: #42221F;
     --bgErrorDefault-rgb: hex-to-rgb(#42221F);
     --bgErrorDefaultHover: #FFD6D2;
@@ -826,8 +826,8 @@ body.dark {
     --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
     --surfaceOverlay: #17181C;
     --surfaceOverlay-rgb: hex-to-rgb(#17181C);
-    --borderNeutralDefault: #35373D;
-    --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
+    --borderNeutralDefault: #4B4F57;
+    --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
     --borderNeutralSubtle: #27292E;
     --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
     --borderNeutralSubtlest: #1D1F24;
@@ -1295,7 +1295,7 @@ body {
   --backgroundHoverCard: var(--bgNeutralSubtlestHover);
   --borderCard: none;
   --borderRadiusCard: var(--borderRadiusMedium);
-  --boxShadowCard: var(--boxShadowXXSmall);
+  --boxShadowCard: 0px 0px 0px 1px var(--borderNeutralSubtle);
   --paddingCard: var(--spaceLarge);
   --backgroundSelectedCard: var(--bgNeutralSubtlest);
   --backgroundNeutralCard: var(--bgNeutralSubtle);
@@ -3289,6 +3289,7 @@ body.dark .l-header .c-logo__img--dark {
 }
 .l-mobilePanel--secondary .l-mobilePanel__header {
   background: var(--backgroundHeaderSecondaryMobilePanel);
+  color: var(--colorHeaderSecondaryMobilePanel);
 }
 .l-mobilePanel--secondary .l-mobilePanel__header .l-mobilePanel__close {
   color: var(--fgLinkDefault);
@@ -3343,27 +3344,6 @@ body.dark .l-header .c-logo__img--dark {
   padding: 0 var(--spaceMedium);
 }
 
-.l-mobilePanel--secondary .l-mobilePanel__header,
-.l-mobilePanel--secondary .l-mobilePanel__close {
-  color: var(--colorHeaderSecondaryMobilePanel);
-}
-
-body.light .l-mobilePanel--secondary .l-mobilePanel__header,
-body.light .l-mobilePanel--secondary .l-mobilePanel__close {
-  color: var(--colorHeaderSecondaryMobilePanel);
-}
-
-@media (prefers-color-scheme: dark) {
-  .l-mobilePanel--secondary .l-mobilePanel__header,
-  .l-mobilePanel--secondary .l-mobilePanel__close {
-    color: var(--colorHeaderSecondaryMobilePanel);
-  }
-}
-body.dark .l-mobilePanel--secondary .l-mobilePanel__header,
-body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
-  color: var(--colorHeaderSecondaryMobilePanel);
-}
-
 .l-sidebar {
   background: var(--backgroundSidebar);
   max-width: var(--widthSidebar);
@@ -7487,6 +7467,143 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-menu--main .m-menu__item--button:first-child {
   padding: var(--paddingItemFirstButtonMainMenu);
 }
+.m-menu--main .m-menu__item--button:first-child .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+@media (prefers-color-scheme: dark) {
+  .m-menu--main .m-menu__item--button:first-child .c-btn {
+    background: var(--backgroundBtn);
+    border: var(--borderBtn);
+    color: var(--colorBtn);
+  }
+  .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+    background: var(--backgroundHoverBtn);
+    border: var(--borderHoverBtn);
+    color: var(--colorHoverBtn);
+  }
+  .m-menu--main .m-menu__item--button:first-child .c-btn:active {
+    background: var(--backgroundActiveBtn);
+    border: var(--borderActiveBtn);
+    color: var(--colorActiveBtn);
+  }
+  .light .m-menu--main .m-menu__item--button:first-child .c-btn {
+    background: var(--backgroundBorderBtn);
+    border: var(--borderBorderBtn);
+    color: var(--colorBorderBtn);
+  }
+  .light .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+    background: var(--backgroundHoverBorderBtn);
+    border: var(--borderHoverBorderBtn);
+    color: var(--colorHoverBorderBtn);
+  }
+  .light .m-menu--main .m-menu__item--button:first-child .c-btn:active {
+    background: var(--backgroundActiveBorderBtn);
+    border: var(--borderActiveBorderBtn);
+    color: var(--colorActiveBorderBtn);
+  }
+}
+.m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
+  background: var(--backgroundBtn);
+  border: var(--borderBtn);
+  color: var(--colorBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.dark .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:focus {
+  background: var(--backgroundHoverBtn);
+  border: var(--borderHoverBtn);
+  color: var(--colorHoverBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.dark .c-btn:active {
+  background: var(--backgroundActiveBtn);
+  border: var(--borderActiveBtn);
+  color: var(--colorActiveBtn);
+}
+.light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child .c-btn {
+  background: var(--backgroundBtn);
+  border: var(--borderBtn);
+  color: var(--colorBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+  background: var(--backgroundHoverBtn);
+  border: var(--borderHoverBtn);
+  color: var(--colorHoverBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child .c-btn:active {
+  background: var(--backgroundActiveBtn);
+  border: var(--borderActiveBtn);
+  color: var(--colorActiveBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.light .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn {
+  background: var(--backgroundBtn);
+  border: var(--borderBtn);
+  color: var(--colorBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
+  background: var(--backgroundHoverBtn);
+  border: var(--borderHoverBtn);
+  color: var(--colorHoverBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
+  background: var(--backgroundActiveBtn);
+  border: var(--borderActiveBtn);
+  color: var(--colorActiveBtn);
+}
 .m-menu--main .m-menu__link {
   padding: var(--paddingLinkMainMenu);
   border-radius: var(--borderRadiusMedium);
@@ -9360,7 +9477,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/caeac5d74c2900040429.gif') center center no-repeat;
+    background: #fff url('assets/1cdc62e8ebe9f13855c3.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9370,8 +9487,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/9494026c260c1d92b72c.eot');
-    src: url('assets/2c79dbdb0431807460c8.eot') format('embedded-opentype'), url('assets/1b3990e704b65fba4ffd.woff') format('woff'), url('assets/3b64c3b61aa3cba4f848.ttf') format('truetype'), url('assets/038ac9d7125e6b9e945e.svg') format('svg');
+    src: url('assets/4924773822a43eca66f3.eot');
+    src: url('assets/c818f59d4267961c49a6.eot') format('embedded-opentype'), url('assets/3a709bf945ff27c9b443.woff') format('woff'), url('assets/534de46e859374bd4240.ttf') format('truetype'), url('assets/9bde28469408fa80ac6e.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.74",
+  "version": "1.0.0-alpha.76",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": [